@charset "utf-8";
/***
	Mar. 13 ~ , 2008, Fairwind 
***/

/******************************************/
/**************** common ******************/
/******************************************/
body#us_top { margin: 10px auto 32px 4px; }
#us_top a { text-decoration: none; }
.us_hidden { display: none; }
.us_clear { clear: both; }
span.hidd { visibility: hidden; font-size: 1px; text-decoration: none; }
h1#lineuph1 { margin: 0; padding: 0; }
.nextbutton { margin: 0px; padding: 0px; font: 6px sans-serif; }
.nextbutton span { visibility: hidden; }
.nextbutton a { display: block; height: 36px; }
p.subpp { margin: 0; padding: 0; width: 250px; height: 192px; 
	font: 11px sans-serif; line-height: 3.5ex; text-align: justify; /*border: 1px solid green;調整用*/ }

div.yuutotop { float: right; width: 48px; height: 48px; /*border: 1px solid #ccccff;*/ display: inline; }
.yuutotop span { visibility: hidden; font-size: 1px; } 
.yuutotop a { display: block; width: 48px; height: 48px; }
.yuutotop a:hover { /*background-color: #ffffcc;*/ }
	/* 優マークからトップへのリンク 中止 */
p.ustm, div.ustm { margin: 0 auto; padding: 2px 0; width: 800px; color: gray; text-align: center; 
	font: 9px sans-serif; }
.ustm p { margin: 0; padding: 0; }

/**************** clearfix ****************/
.clearfix:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/******************************************/
/****************** top *******************/
/******************************************/
div#us_topdiv { margin: 0 auto; width: 800px; height: 602px; border: 1px solid #003399; 
	background: transparent url(images/top_main.jpg) right top no-repeat;}
div#oisiidiv { width: 1px; height: 1px; } /* おいしい! */
div#us_topimage { float: right; width: 398px; height: 600px; 
	background-image: url(images/mayo_03b.jpg); display: inline; }
div#us_topcont { /*float: left;*/ margin-top: 64px; margin-left: 42px; width: /*750px 38em*/680px/* 20081215 */; 
	font: bold 11px sans-serif; }
h2#us_topmenuh2 { margin: 0; margin-bottom: 8px; padding: 0; width: 84px; height: 29px; 
	background-image: url(images/menu.gif); }
div#us_topmenu { margin-bottom: 4px; width: 14em/*38em*/; float: left; }
span.tophdhd { visibility: hidden; font-size: 6px; }
ul.us_ul { margin-left: 8px; margin-top: 0px; margin-bottom: /*40px*/ 0; padding: 0; width: 14em; 
	list-style-type: none; }
ul.us_ul li { line-height: 1.1; }
ul.us_ul li.indent1em { text-indent: 1em; }
ul.us_ul li.us_item { height: 27px; background: transparent url(images/sankaku_m_07.gif) left no-repeat; 
    line-height: 1.1; overflow: hidden; }
li.us_item span.fsml { font-size: 9px; }
div.us_itemdiv { padding: 8px 0 4px 16px; }
div#us_submenu { width: /*18em*//*400px 20081215 */480px/*20100525*/; float: left/*right*/; }
div#us_submenu ul.us_ul li { line-height: 1.0; }
span.letgrlu { color: gray; }
ul#topluul { margin-top: 0; width: /*16em*/352px/* 20081215 */; list-style-type: none; }
#topluul li { line-height: 1.6ex; }
div#us_submenu2 { width: 18em; float: left; }

h2#uswn { margin: 0; padding: 0; width: 142px; height: 29px; background-image: url(images/whats.gif); }
div.wnewo { float: left; /*width: 362px; height: 200px;*/ margin-top: 10px; border: 1px solid #003399;
	border-bottom: 5px solid #003399; display: inline/* for Win IE Doubled Margin BUG */; }
div.wnewi { background-color: white; padding-top: 4px; width: 360px; height: 200px; overflow: auto; }
	/* o, i: for Win IE */
	/* win ie の表示と同様にするための多重構造 */
.wnewi ul, .wnewi table { margin: 4px /*0px; margin-left: 8px*/; list-style-type: none; /*background-color: #e7e7ff;*/
	font: 11px sans-serif; color: #000033; line-height: 3ex; }
.wnewi th { font-weight: normal; color: #333333; }
.wnewi ul span, .wnewi th span, .wnewi td span { font: 10px sans-serif; }
/*.wnewi th, .wnewi td { border-bottom: 1px dotted gray; }*//* yk20080417 ? */
p#toblog { float: left; display: inline; margin-top: 96px; margin-left: 60px; width: 256px; height: 32px; 
    color: #003399; font-size: 115%; }
p#toblog a { color: #003399; }
p#toblog a:visited { color: #003399; }

/******************************************/
/***************** menu *******************/
/******************************************/
div.us_menuo { float: left; margin-top: 132px; padding-left: 10px; }
div.us_menu { width: 138px; height: 420px/*temporary*/; }
.us_menu span { visibility: hidden; font-size: 1px; }

p#totopp { clear: left; margin: 0px 0px 2px 60px; padding: 0px; width: 76px; height: 16px; letter-spacing: -1px;
	background: /*url(images/sankaku_s.jpg)*/url(images/index_01.gif); font: 10px sans-serif; }
#totopp a { display: block; width: 76px; height: 16px; }
#totopp a:hover { background: #ffffcc url(images/index_01.gif); }
.us_menu div.usidelu { margin: 0; padding: 0; border: 1px solid #003399; border-left: none; }
/*.us_menu .usidelu .usidelum { margin: 0; padding: 0; border: 1px solid #003399; border-left: none; }*/
	/* temporary: #8099CC #C0CDE6 */
.us_menu .usidelu div.usidelui { width: 138px ; height: 28px; background-image: url(images/index_top.gif); }
.us_menu .usidelu .usidelui h2 { margin: 0; padding: 7px 0 0 0; 
	font: bold 15px sans-serif; text-align: center; }
		/* win ie の表示と同様にするための多重構造 *//* 画像に変更 */
.us_menu ul { margin: 16px 0px 0px 0px; padding: 0px; list-style-type: none; }
.us_menu ul li { margin: 0; padding: 0; width: 137px; } /**/
.us_menu ul li a { display: block; /*height: 23px;*//* heightは個別に指定 */ }
/*.target { background-color: #ececff; }*//* yk20080331 */
div.linea { width: 137px; height: 8px; background-image: url(images/index_nihonsen.gif); font-size: 1px; }
div.lineb { width: 137px; height: 1px; background-image: url(images/index_tensen.gif); font-size: 1px; }
div.linec { width: 137px; height: 2px; background-image: url(images/index_sen.gif); font-size: 1px; }
	/* ソース内の<br />とline-heightはwin ie 対策 -> 不必要 むしろliのwidthが重要20080331 */
li#seiagri { background: url(images/index_04e.gif) bottom no-repeat; height: 27px; }
li#seiagri a:hover { background: #ffffcc url(images/index_04e.gif) bottom; height: 27px; }
li#seiagrisub { background-image: url(images/index_05e.gif); width: 137px; height: 46px; }
li#seiagrisub a:hover { background: #ffffcc url(images/index_05e.gif) bottom no-repeat; height: 46px; }
li#goma { background: url(images/index_06e.gif) bottom no-repeat; width: 137px; height: 27px; }
li#goma a:hover { background: #ffffcc url(images/index_06e.gif) bottom; height: 19px; }
li#gomasub { background: url(images/index_07e.gif) bottom; width: 137px; height: 64px; }
li#gomasub a:hover { background: #ffffcc url(images/index_07e.gif) bottom; }
li#ceasar { background: url(images/index_08e.gif) bottom no-repeat; width: 137px; height: 39px; }
li#ceasar a:hover { background: #ffffcc url(images/index_08e.gif) bottom; height: 31px; }
li#ceasarsub { background: url(images/index_09e.gif) bottom; width: 137px; height: 42px; }
li#ceasarsub a:hover { background: #ffffcc url(images/index_09e.gif) bottom; height: 42px; }
li#kodawari { background: url(images/index_10e.gif) bottom no-repeat; width: 137px; height: 35px; }
li#kodawari a:hover { background: #ffffcc url(images/index_10e.gif) bottom; height: 27px; }
li#kodawarisub { background: url(images/index_11e.gif) bottom; width: 137px; height: 40px; }
li#kodawarisub a:hover { background: #ffffcc url(images/index_11e.gif) bottom; }
/*li#non { background: url(images/index_12.gif) bottom; width: 138px; height: 23px; }*/
/*li#non a:hover { background: #ffffcc url(images/index_12.gif) bottom; }*/
/*li#nonsub { background: url(images/index_13.gif) bottom; width: 138px; height: 60px; }*/
/*li#nonsub a:hover { background: #ffffcc url(images/index_13.gif) bottom; }*/
li#non { background: url(images/index_12e.gif) bottom no-repeat; width: 137px; height: 90px; }
li#non a:hover { background: #ffffcc url(images/index_12e.gif) bottom; height: 82px; }

/*li#totop { background: url(images/index_14.gif) bottom; width: 138px; height: 23px; }*/
/*li#totop a:hover { background: #ffffcc url(images/index_14.gif) bottom; }*/
div.mnspare { border-right: 1px solid #003399; }
div.mnsparei { width: 137px; height: 220px; background-image: url(images/stripe.gif);  }
	/* win ie の表示と同様にするための多重構造 */
div.usmnitem { border: 1px solid #003399; border-left-width: 7px;  }
div.usmnitemi { width: 130px; height: 26px; padding-top: 2px; padding-left: 2px; }
.usmnitem span.slet { font-size: 9px; 	letter-spacing: -1px; }
div.usmnitemsub { border-right: 1px solid #003399; }

p.toYusai_Dou { margin: 10px 0; padding: 0; font-size: 10px; _font-size: 9px; font-family: sans-serif; }

/******************************************/
/************ lineup01, 01_01 *************/
/************** マヨネーズ ****************/
/******************************************/
div#lineup01div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/mayo_main.jpg) right top no-repeat; }
div#lu01cont { float: right; width: 634px; height: 774px; }
p.mayop { margin: 0px; padding: 0px; width: 344px; height: 160px; 
	font: 11px sans-serif; line-height: 3ex; text-align: justify; }
p#mayonext { margin: 200px 0px 0px 288px; width: 217px; background-image: url(images/next_mayo.gif) }
#mayonext a:hover { background: #ffffcc url(images/next_mayo.gif); }

div#lineup01_01div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/mayo2_main.jpg) right top no-repeat; }
div#lu01_01cont { float: right; width: 634px; height: 601px; }

/******************************************/
/************ lineup02, 02_01 *************/
/***************** 胡麻 *******************/
/******************************************/
div#lineup02div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/goma_main.jpg) right top no-repeat; }
div#lu02cont { float: right; width: 642px; height: 906px; }
p#lineup02_summary { margin-top: 216px; margin-left: 208px; width: 416px; height: 64px; 
	font: 75% serif; text-align: right; overflow: hidden; }
h2#lineup02_gomadress_h2 { margin-top: 96px; margin-left: 342px; margin-bottom: 0px; 
	width: 120px; height: 24px; 
	font: 90% serif; text-align: center; overflow: hidden; }
div.gomadiv { margin: 10px 0px 0px 264px; padding: 0px; width: 272px; height: 200px; overflow: hidden;
	font: 11px sans-serif; line-height: 3ex; /*text-align: justify;*/ }
   .gomadiv p { margin: 0px; height: 168px; overflow: auto; }
   .gomadiv p.langp { margin-top: 4px; margin-right: 20px; padding: 0px; height: 28px; text-align: right; }
div#goma-dress_jdiv {  }
div#goma-dress_ediv { display: none; font: 80% sans-serif; line-height: 1.1em; }
p.gomap { margin: 0px; padding: 0px; margin-left: 264px; width: 272px; height: 200px; overflow: auto;
	font: 11px sans-serif; line-height: 3ex; text-align: justify; }
h2#lineup02_soysdress_h2 { margin-top: 28px; margin-left: 336px; margin-bottom: 0px; 
	width: 152px; height: 24px; 
	font: 90% serif; text-align: center; overflow: hidden; }
div#soys-dress_jdiv {  }
div#soys-dress_ediv { display: none; font: 80% sans-serif; line-height: 1.1em; }
p#gomanext { margin-left: 380px; width: 156px; 
	background-image: url(images/next_goma.gif) }
#gomanext a:hover { background: #ffffcc url(images/next_goma.gif); }

div#lineup02_01div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/goma2_main.jpg) right top no-repeat; }
div#lu02_01cont { float: right; width: 634px; height: 669px; }

/******************************************/
/************ lineup03, 03_01 *************/
/*** プロダクトシリーズ シーザーサラダ ****/
/******************************************/
div#lineup03div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/caesar2_main.jpg) right top no-repeat; }
div#lu03cont { float: right; width: 642px; height: 600px; }
p.caesarp { margin: 180px 0px 0px 336px; padding: 0px; width: 200px; height: 96px; 
	font: 11px sans-serif; line-height: 3ex; text-align: justify; }
p#caesarnext { margin-top: 264px; margin-left: 320px; width: 217px; 
	background-image: url(images/next_caesar.gif) }
#caesarnext a:hover { background: #ffffcc url(images/next_caesar.gif); }

div#lineup03_01div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/prod_main.jpg) right top no-repeat; }
div#lu03_01cont { float: right; width: 634px; height: 840px; }

/******************************************/
/************ lineup04, 04_01 *************/
/********* こだわり商品 和からし **********/
/******************************************/
div#lineup04div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/kodawari_main.jpg) right top no-repeat; }
div#lu04cont { float: right; width: 642px; height: 600px; }
p.kodawarip { margin: 148px 0px 0px 340px; padding: 0px; width: 168px; height: 96px; 
	font: 11px sans-serif; line-height: 3.5ex; text-align: justify; }
p#kodawarinext { margin-top: 300px; margin-left: 320px; width: 201px; 
	background-image: url(images/next_kodawari.gif) }
#kodawarinext a:hover { background: #ffffcc url(images/next_kodawari.gif); }

div#lineup04_01div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/kodawari2_main.jpg) right top no-repeat; }
div#lu04_01cont { float: right; width: 634px; height: 601px; }

/******************************************/
/*************** lineup05 *****************/
/******** ノンオイル・ドレッシング ********/
/******************************************/
div#lineup05div { margin: 0 auto; width: 800px; border: 1px solid #003399; 
	background: transparent url(images/non_main.jpg) right top no-repeat; }
div#lu05cont { float: right; width: 642px; height: 885px; }
p.nonp { margin: 136px 0px 0px 316px; padding: 0px; width: 184px; height: 96px; 
	font: 11px sans-serif; line-height: 3ex; text-align: justify; }

/******************************************/
/***************** 概要 *******************/
/******************************************/
div#us_gaiyodiv { margin: 0 auto; width: 800px; height: 1494px; 
	font: 11px sans-serif; line-height: 3ex; /*text-align: justify; */
	background: transparent url(images/gaiyou_main.jpg) top no-repeat; }
/*ul.usgainavul { margin: 8px 6px 4px 6px; padding: 8px 8px 4px 8px; border-bottom: 1px dashed black; 
	list-style-type: none; font: 10px sans-serif; }*//* obs. yk20080501 */
	li.usgainavli { float: left; display: inline; padding: 8px 1.5em; background: url(images/sankaku_s.jpg) left no-repeat; }
	li#usgainavlimail { padding-left: 1.8em; background: url(images/mail.gif) left no-repeat; }
/*div.navitm { height: 24px; }*/
h1#us_prof_h1 { margin: 32px auto 0px 0px; padding: 0; width: 496px; height: 48px; 
	text-align: right; font: italic normal 14pt serif; }
div#us_prof_h2div { float: left; display: inline; margin: 0px 0 0 56px; padding: 0; width: 336px; height: 29px; 
	background: url(images/gaiyou_pro.gif) no-repeat left; }
   #us_prof_h2div h2 { margin: 0 0 0 168px; padding-top: 4px; font: italic normal 12pt serif; }
   #us_prof_h2div span { visibility: hidden; font-size: 1px; }
p#coprof_engbtn { float: left; display: inline; margin: 0; padding: 6px 0 0; width: 12em; height: 20px; 
	font-size: 110%; color: #cc3333; cursor: pointer; }
h2#us_hist { margin: 32px 0 0 56px; padding: 0; width: 126px; height: 29px; 
	background-image: url(images/gaiyou_rekishi.gif); }
#us_hist span { visibility: hidden; font-size: 1px; }
div#us_hist_h2div { float: left; display: inline; margin: 24px 0 0 56px; padding: 0; width: 400px; height: 29px; 
	background: url(images/gaiyou_rekishi.gif) no-repeat left; }
   #us_hist_h2div h2 { margin: 0 0 0 144px; padding-top: 4px; font: italic normal 12pt serif; }
h3.gaiyouh3 { clear: left; margin: 16px 0 0 160px; padding: 0 0 0 24px; width: 188px; height: 16px; 
	/*font: 13px serif; */ background: url(images/gaiyou_kangae.gif) left no-repeat; }
.gaiyouh3 span { font-size: 1px; visibility: hidden; }
p.gaiyoup { margin: 8px 0 0 186px; padding: 0; width: 580px; height: 128px; line-height: 3.5ex; overflow: auto; }
table.gaiyot { margin: 16px 0 0 186px; padding: 0; width: 580px; font: 11px sans-serif; }
.gaiyot th { font-weight: normal; }
table.gaiyot_e { margin: 16px 0 0 56px; padding: 0; width: 712px; font: 11px sans-serif; 
	border-collapse: collapse; border-color: #cccccc; }
     .gaiyot_e th { text-align: right; padding-left: 0.5em; padding-right: 0.5em; }
	 .gaiyot_e td { padding-left: 0.5em; }
th.us_profth { width: 65px; height: 15px; }
.us_profth span { font-size: 1px; visibility: hidden; }
.paddingcell { padding-bottom: 12px; }
th.histth { width: 6.5em; }

/******************************************/
/*************** popup (共通) *************/
/**** obs. yk20080501 ****/
#origlu li { margin: 0; width: 15em; height: 18px; padding: 0px; background-color: #ececff; font-size: 7pt; overflow: hidden; 
	border-top: 2px solid #f0f0ff; border-right: 1px solid #99ccff; border-bottom: 1px solid #99ccff; 
	border-left: 2px solid #e0e0ff; /*text-align: center;*/ }
#origlu li a { display: block; width: 15em; height: 18px; /*height: 16px;*/ padding-left: 8px; }
#origlu li a:hover { background-color: #ffffdd; }
/******************************************/
/*************** リンク集 *****************/
/******************************************/
div#linkstopdiv { margin: 0 auto; width: 798px; border: 1px solid #003399; position: relative; 
	font: 11px sans-serif; line-height: 3ex; text-align: justify; }

/**** menu yk20080430 ****/
ul.uslnknavul { margin: 0px 4px; padding: 5px 1em 3px; height: 18px; border-bottom: 1px dashed black; 
	list-style-type: none; font: 10px sans-serif; }
ul.uslnknavul li { float: left; padding: 2px 1.5em; /* padding: 2px; helps Opera with hover */ position: relative; 
	background: url(images/sankaku_s.jpg) left no-repeat; }
ul.uslnknavul a { display: block; text-decoration: none; }/* win ie ではこれが必要 */
ul.uslnknavul a:hover { background-color: #ffffcc }
ul.uslnknavul * ul { margin: 0; padding: 0; display: none; position: absolute; z-index: 99; list-style: none; }
ul.uslnknavul li * li { /*clear: left;*/ float: none; position: relative; }
ul.uslnknavul ul * a { width: 14em; height: 2.8ex; }
ul.uslnknavul li:hover ul { display: block; }
ul.uslnknavul ul li { padding: 0px; background-color: #ececff; background-image: none; font-size: 10px; 
	border-top: 2px solid #f0f0ff; border-right: 1px solid #99ccff; 
	border-bottom: 1px solid #99ccff; border-left: 2px solid #e0e0ff; }
ul.uslnknavul ul li a { display: block; padding: 0; text-decoration: none; }
ul.uslnknavul ul li a:hover { background-color: #ffffdd; }

div#linksdiv { margin: 0; height: 1130px; background: url(images/link.gif) top left no-repeat; }
#linksdiv span { visibility: hidden; }
#linksdiv ul { margin: 0; padding: 0; font: 9px sans-serif; color: green;}
#linksdiv li { float: left; display: inline; margin: 0; padding: 0; width: 355px; height: 176px; 
	list-style-type: none; }
#linksdiv a { display: block; }
#linksdiv div.urldiv { padding-left: 21px; font: 12px sans-serif; color: black; }
div.libut { padding-top: 11px; padding-left: 41px; }
div.licnt { height: 86px; }
#hoshinol a { width: 147px; height: 29px; }
#hoshinol a:hover { background: #ffffcc url(images/btn_hoshino.gif); }
#papaya a { width: 224px; height: 29px; }
#papaya a:hover { background: #ffffcc url(images/btn_papaya.gif); }
#konbu a { width: 109px; height: 29px; }
#konbu a:hover { background: #ffffcc url(images/btn_konbu.gif); }
#ferver a { width: 120px; height: 29px; }
#ferver a:hover { background: #ffffcc url(images/btn_ferver.gif); }
#katakami a { width: 99px; height: 29px; }
#katakami a:hover { background: #ffffcc url(images/btn_katakami.gif); }
#kuki a { width: 148px; height: 29px; }
#kuki a:hover { background: #ffffcc url(images/btn_kuki.gif); }
#rokko a { width: 133px; height: 29px; }
#rokko a:hover { background: #ffffcc url(images/btn_rokko.gif); }
#koyama a { width: 104px; height: 29px; }
#koyama a:hover { background: #ffffcc url(images/btn_koyama.gif); }
#kawachi a { width: 84px; height: 29px; }
#kawachi a:hover { background: #ffffcc url(images/btn_kawachi.gif); }
#kyuzaya a { width: 84px; height: 29px; }
#kyuzaya a:hover { background: #ffffcc url(images/btn_kyuzaya.gif); }
#katakin a { width: 118px; height: 29px; }
#katakin a:hover { background: #ffffcc url(images/btn_katakin.gif); }

/******************************************/
/*************** 商品開発 *****************/
/******************************************/
div#devtopdiv { margin: 0 auto; width: /*835px*/800px; border: 1px solid #003399; 
	font: 9pt sans-serif; line-height: 3ex; /*text-align: justify;*/ }
div#devdiv { margin: 0; width: 800px; /*height: 600px;*/ /*background: url(images/kaihatsu.jpg) top left no-repeat;*/ }
#devdiv span { visibility: hidden; }
div#us_devh1div { margin: 0px; padding-top: 24px; }
h1.us_devh1 { margin: 0; padding: 0; width: 600px; height: 40px; 
	text-align: right; font: italic normal 14pt serif; }
h2.us_devh2 { margin: 24px 0 0 96px; padding: 0; height: 32px; text-align: left; font: italic normal 12pt serif; }
div#us_devdiv { margin: 2px 0 0 144px; width: 536px; /*height: 224px;*/ }
   #us_devdiv p.langp { margin-top: 4px; margin-right: 20px; padding: 0px; height: 24px; text-align: right; }
div#us_dev_jdiv { margin: 0; /*height: 257px;*/ }
div#us_dev_jdiv_i { margin: 0; /*height: 233px;*/ /*overflow: auto;*/ }
   #us_dev_jdiv_i p { margin: 0; line-height: 1.6em; font-size: 10pt; }
   #us_dev_jdiv_i a, #us_dev_jdiv_i img { border: none; text-decoration: none; }
div#us_dev_ediv { margin: 0; /*height: 222px;*/ }
   #us_dev_ediv p { margin: 0;line-height: 1.5em; font-size: 10pt; /*overflow: auto;*/ }

/******************************************/
/******** 社長久保田のこだわり! ***********/
/******************************************/
div#kodawariscript { margin-top: -68px; margin-left: 240px; width: 568px; height: 128px; 
	border: 3px solid #afafaf; overflow: auto; color: #0f5c8c; }
   #kodawariscript h2 { margin: 2px 4px 4px; padding: 0px; font: bold 90% sans-serif; } 
   #kodawariscript p { margin: 0px 4px 8px; text-indent: 1em; font: 90% serif; line-height: 1.2em; }