/* ::::: http://localhost/yokosoasakusa/public_html/templates/system/css/system.css ::::: */

/* ::::: http://localhost/yokosoasakusa/public_html/templates/system/css/general.css ::::: */

/* ::::: http://localhost/yokosoasakusa/public_html/templates/roonix/css/red.css ::::: */

#bg { background: url('background.png') repeat-x scroll center top transparent; }
h1, h2, h3, h4, h5 { color: rgb(190, 13, 13); }
#top { background: url('topback.png') repeat-x scroll center top transparent; height: 40px; width: 100%; text-align: right; }
#top ul, #top li { padding: 2px; margin: 0px 5px; height: 22px; float: right; list-style: none outside none; }
#top li { background: url('redtopbullet.png') no-repeat scroll left center transparent; padding: 5px 5px 0px 14px; }
#top a, #top a:link { color: rgb(190, 13, 13); text-decoration: none; }
#top a:hover { text-decoration: underline; color: rgb(167, 166, 151); }
li { background: url('redbullet.png') no-repeat scroll 0% 0% transparent; list-style-position: outside; list-style-type: none; padding-left: 18px; line-height: 180%; }
#innerwrapper { background: none repeat scroll 0% 0% rgb(167, 166, 151); }
#spotwrap { background: url('redback.png') repeat-x scroll center top rgb(190, 13, 13); width: 100%; float: left; }
#news { background: url('redback.png') repeat-x scroll center top rgb(190, 13, 13); width: 100%; float: left; }
.contentheading { color: rgb(190, 13, 13); }
a { color: rgb(190, 13, 13); text-decoration: underline; }
a:hover { color: rgb(167, 166, 151); text-decoration: none; }
a:active { color: rgb(190, 13, 13); text-decoration: underline; }
#userwrap { border-top: 2px solid rgb(190, 13, 13); }
#user1-100 h3, #user2-100 h3, #user3-100 h3, #user1-50 h3, #user2-50 h3, #user3-50 h3, #user1-33 h3, #user2-33 h3, #user3-33 h3 { padding-bottom: 3px; border-bottom: 1px solid rgb(190, 13, 13); color: rgb(190, 13, 13); }
#user1-100 a, #user2-100 a, #user3-100 a, #user1-50 a, #user2-50 a, #user3-50 a, #user1-33 a, #user2-33 a, #user3-33 a { color: rgb(255, 255, 255); }
#user1-100 a:hover, #user2-100 a:hover, #user3-100 a:hover, #user1-50 a:hover, #user2-50 a:hover, #user3-50 a:hover, #user1-33 a:hover, #user2-33 a:hover, #user3-33 a:hover { color: rgb(190, 13, 13); }
#mainmenuwrap { background: none repeat scroll 0% 0% rgb(190, 13, 13); }
/* ::::: http://localhost/yokosoasakusa/public_html/templates/roonix/css/template.css ::::: */

html, body, form, fieldset { margin: 0px; padding: 0px; border: 0px none; height: 100%; }
#bg { font-family: Helvetica,sans-serif; font-size: 12px; padding: 0px; line-height: 150%; }
#wrapper { margin: 0px auto; position: relative; text-align: left; width: 950px; background: url('wrappershadow.png') repeat scroll 0% 0% transparent; }
#innerwrapper { margin-left: 25px; width: 900px; min-height: 135px; float: left; }
#headwrap { float: left; text-align: left; width: 900px; }
#top { float: right; }
#logo { float: left; margin: auto 1px auto auto; }
#banner { float: left; margin: auto; }
#newsleft100 { color: rgb(255, 255, 255); float: left; width: 870px; margin-left: 10px; }
#newsright100 a, #newsleft100 a { color: rgb(255, 255, 255); }
#newsleft100:hover, #newsleft50:hover { color: rgb(255, 255, 255); }
#newsleft100:hover a { color: rgb(204, 204, 204); font-weight: normal; }
#newsleft100:hover a { color: rgb(204, 204, 204); font-weight: normal; }
.contentarea100 { float: left; margin-left: 25px; width: 900px; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#content100 { float: left; width: 842px; margin-bottom: 25px; padding: 10px 20px 0px; }
.search { padding-top: 10px; }
h1, h2, h3, h4, h5 { font-family: Helvetica,sans-serif; margin: 0px 0px 3px; }
h2 { font-size: 18px; font-weight: normal; }
h3 { font-size: 16px; font-weight: normal; }
.contentheading { font-size: 16px; font-weight: normal; margin-bottom: 7px; }
#mainmenuwrap { height: 40px; padding-top: 0px; width: 100%; float: left; }
#userwrap { background: none repeat scroll 0% 0% rgb(167, 166, 151); clear: both; float: left; width: 900px; margin-left: 25px; }
#user1-33, #user2-33, #user3-33 { float: left; width: 250px; margin: 25px; color: rgb(255, 255, 255); }
#footerouterwrap { width: 950px; clear: both; margin: auto; }
#bottom { background: url('bottom.png') no-repeat scroll center top transparent; height: 20px; width: 950px; margin: 0px auto; }
ul { margin: 2px; padding: 0px 0px 7px; }
a img { border: 0px none; }
.button { margin-bottom: 10px; }
.article_separator, .leading_separator { background: url('dot.gif') repeat-x scroll center center transparent; clear: both; display: block; height: 30px; line-height: 30px; }
/* ::::: http://localhost/yokosoasakusa/public_html/templates/roonix/css/sf_menured.css ::::: */

#menusystem ul li.active a.parent, #menusystem ul li.active a, li.active a, #menusystem ul li.on a, #menusystem ul li.on a.parent, #menusystem li.on a { color: rgb(167, 166, 151); }
#sf li { list-style-type: none; margin-left: 0px; padding-bottom: 0px; }
#sf { position: absolute; width: 900px; }
#sf a { float: left; display: block; cursor: pointer; height: 40px; line-height: 42px; text-decoration: none; font-size: 15px; padding: 0px 25px 0px 0px; color: rgb(255, 255, 255); }
#sf a:hover { color: rgb(255, 255, 255); }
#sf li { float: left; padding: 0px; background: none repeat scroll 0% 0% transparent; }
#sf ul li { position: relative; height: 40px; line-height: 45px; }
#sf {  }
#sf ul { padding: 0px; margin: 0px; list-style-type: none; }
#sf ul li { float: left; margin: 0px; position: relative; }
#sf ul li:hover a:hover {  }
#sf ul li#current { color: rgb(0, 0, 0); }
#sf li { padding: 0px 0px 0px 25px; margin: 0px; float: right; display: block; background: url('ss_sf_left.png') no-repeat scroll 0% 0% transparent; height: 45px; }
#sf li:hover, #sf li.over, #sf li.sfHover { background: url('ss_sf_left.png') no-repeat scroll 0% 100% transparent; }
#sf li.active, #sf li.on { background: url('ss_sf_left.png') no-repeat scroll 0% 75% transparent; }
#sf li:hover a, #sf li.over a, #sf li.sfHover a { background: url('ss_sf_right.png') repeat-x scroll 100% 100% transparent; }
#sf li.active a, #sf li.on a { background: url('ss_sf_right.png') repeat-x scroll 100% 75% transparent; }
#sf { background: url('topmenubg.png') no-repeat scroll left top transparent; }
#sf ul { padding-left: 0px; }