@charset "UTF-8";

* { margin: 0; padding: 0; outline: none; }

html,body,div,ol,ul,li,h1,h2,h3,h4,p,fieldset,a,br {margin: 0; padding: 0;}

body {
font-family: 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',Verdana,sans-serif;
font-size: 12px;
line-height: 150%;
text-decoration: none;
color: #595959;
background: #C1C1C1;
}

a, a:link, a:visited { color: #EC008C; text-decoration: none; }
a:hover { color: #FF99CC; text-decoration:underline; }

p { font-size: 12px; line-height: 150%; }
img { margin: 0; padding: 0; border: none; }
ul { list-style: none; }
strong { font-weight: bold; }
dt { margin: 0; padding: 0; }
dd { margin: 0; padding: 0; }
h4 { font-size: 12px; }

form { margin: 0; padding: 0; }
input { margin: 0; padding-bottom: 3px; }
select { margin-right: 5px; }
textarea {
padding-bottom: 3px;
background: #F2F2F2;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
padding: 1px;
}
.required { margin: 0; width: 380px; }
.field {
width: 240px;
background: #F2F2F2;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
padding: 1px;
}
.field2 {
width: 200px;
background: #FFFFFF;
border-bottom: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCCF;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
margin: 0 0 8px 0;
padding: 1px;
}
.submit { margin-top: 15px;}

label { font-size: 106%; font-weight: bold; color: #808080;}
fieldset {margin-top: 5px; padding: 5px 10px; border: 1px solid #DADADA;}

/**********************************************************************
*Layout
**********************************************************************/
#container {
width: 760px;
margin: 0 auto;
padding: 0;
background: url(../images/container_bg.gif) repeat-y;
\width: 762px; /* For IE5 Win */
w\idth: 760px;
}
#main-content {
float: right;
width: 545px;
margin: 0;
}
#right-content {
float: right;
width: 525px;
margin: 0;
padding-left: 20px;
}
#sidebar {
float: left;
width: 215px;
margin: 0;
}

/**********************************************************************
*Header
**********************************************************************/
#header {
width: 760px;
height: 102px;
margin: 0;
padding: 0;
background: url(../images/header_bg.gif) top left no-repeat;
}

#logo-container {
float: left;
width: 215px;
margin: 0;
padding: 0;
}
#logo {
width: 215px;
height: 102px;
background: url(../images/logo.jpg) top left no-repeat;
}            
#logo a {
width: 215px;
height: 102px;
display: block;
}
#logo h1, #tel h3, #image h2, #logo span, #subnavi span, #tel span, .info-maga span, .info-mobile span, .sys-maga span, .waribiki span, .more span {
display: none;
}
#title-girls span, #title-sche span, #title-sys span, #title-links span, #title-maga span, #title-con span, .maga-img span, #title-mobile span, #title-office span, .office-logo span, #title-busi span, #busi span, #title-prof span, #title-play span, #title-hotel span {
display: none;
}
#sidebar span, #image span, #copyright span, #pick-name span, #info-name span, #new-name span, #today-name span, #group-name span, .group-list span, .op-mark span {
display: none;
}
#image {
clear: both;
width: 760px;
height: 144px;
margin: 0;
padding: 0;
background: url(../images/image.jpg) top left no-repeat;
}

/**********************************************************************
*Navi
**********************************************************************/
#navi-container {
float: right;
width: 545px;
margin: 0;
padding: 0;
}
#navi {
clear: both;
margin: 0;
padding: 0;
width: 540px;
height: 70px;
text-align: left;
}
#navi ul {
float:left;
list-style-type: none;
padding: 0;
}
#navi ul li {
float:left;
}
#navi ul li a {
display: block;
width: 90px;
height: 70px;
text-decoration:none;
text-indent: -9000px;
}
#navi #nav1 a {background: url(../images/bo_01.gif) no-repeat;}
#navi #nav2 a {background: url(../images/bo_02.gif) no-repeat;}
#navi #nav3 a {background: url(../images/bo_03.gif) no-repeat;}
#navi #nav4 a {background: url(../images/bo_04.gif) no-repeat;}
#navi #nav5 a {background: url(../images/bo_05.gif) no-repeat;}
#navi #nav6 a {background: url(../images/bo_06.gif) no-repeat;}
#navi #nav1 a:hover, #navi #nav2 a:hover, #navi #nav3 a:hover, #navi #nav4 a:hover, #navi #nav5 a:hover, #navi #nav6 a:hover {
background-position:0 -70px;
}

/**********************************************************************
*Sub Navi
**********************************************************************/
#subnavi {
margin: 0;
padding: 0;
width: 540px;
height: 32px;
text-align: right;
}
#subnavi ul {
float:right;
list-style-type: none;
}
#subnavi ul li {
float:left;
}
#subnavi ul li a {
display: block;
width: 65px;
height: 32px;
text-decoration:none;
text-indent: -9000px;
}
#subnavi #sub1 a { background:  url(../images/bo_sub01.gif) no-repeat; }
#subnavi #sub2 a { background:  url(../images/bo_sub02.gif) no-repeat; }
#subnavi #sub3 a { background:  url(../images/bo_sub03.gif) no-repeat; }
#subnavi #sub4 a { background:  url(../images/bo_sub04.gif) no-repeat; }
#subnavi #sub5 a { background:  url(../images/bo_sub05.gif) no-repeat; }
#subnavi #sub1 a:hover, #subnavi #sub2 a:hover,#subnavi #sub3 a:hover,#subnavi #sub4 a:hover,#subnavi #sub5 a:hover { background-position:0 -32px;}
.pagetop {
text-align: right;
padding: 0 5px 10px 0;
}
/**********************************************************************
*Footer
**********************************************************************/
#footer {
clear: both;
width: 760px;
height: 80px;
margin: 0;
padding: 0;
background: url(../images/footer_bg.gif) no-repeat;
}
#footer-nav {
width: 450px;
height: 50px;
margin-left: 250px;
padding: 0;
}
#footnav {
margin:0;
padding-top: 8px;
font-size: 90%;
text-align:center;
_font-size: 94%;
}
#footnav ul {
padding: 0;
list-style-type: none;
}
#footnav ul li {
display: inline;
padding: 0 5px;
font-size: 10px;
border-right: 1px solid #CCCCCC;
}
#footnav ul li#last, #service ul li#last { border: none; }

#copyright {
margin: 0;
padding: 0;
}
#copyright p {
margin: 0;
font-size: 90%;
}

/**********************************************************************
*Sidebar
**********************************************************************/
#tel {
width: 215px;
height: 78px;
margin: 0;
padding-bottom: 20px;
background: url(../images/tel.gif) no-repeat;
}
.side { padding-top: 20px; background: url(../images/line_left.gif) no-repeat top left; }
.news { background: url(../images/left_title_news.gif) no-repeat top left; width: 215px; height: 15px;}
.guide { background: url(../images/left_title_guide.gif) no-repeat top left; width: 215px; height: 15px;}
.jobguide { background: url(../images/left_title_jobs.gif) no-repeat top left; width: 215px; height: 15px;}
.add { background: url(../images/add.gif) no-repeat top left; width: 215px; height: 95px;}
#news-text {
width: 170px;
margin: 0 0 0 25px;
padding: 0;
}
#news-text h4 { padding: 5px 0 0 0; font-size: 12px; color: #595959;}
#news-text ul { padding: 8px 0 0 0;}
#news-text li { padding: 0 0 5px 0;}
.news-day { font-size: 84%; color: #333333; line-height: 110%; _font-size: 90%; }
.line { padding: 8px 0; font-size: 90%; background: url(../images/line_news.gif) repeat-x bottom left; _font-size: 94%; }
.news-more { font-size: 90%; text-align: right; padding: 10px 0; _font-size: 94%; }
.banner-job{
width: 170px;
height: 160px;
margin: 5px 0 20px 25px;
background: url(../images/left_ban_job.gif) no-repeat top left;
}
.banner-job a {
display: block;
width: 170px;
height: 160px;
}
.banner-maga {
width: 170px;
height: 70px;
background: url(../images/left_ban_maga.gif) no-repeat;
}
.banner-mobile {
width: 170px;
height: 70px;
padding-bottom: 10px;
background: url(../images/left_ban_mobile.gif) no-repeat;
}
.banner-maga a, .banner-mobile a {
display: block;
width: 170px;
height: 70px;
}

#news-more {
background: #ffffff;
}
.more { background: url(../images/left_title_more.gif) no-repeat top left; width: 215px; height: 20px;}

/**********************************************************************
*Index2,personal
**********************************************************************/

/*- カバーガール,ギャラリー - */
#main-top, #per-top {
width: 525px;
margin-left: 20px;
padding: 0;
}
#pick {
float: left;
width: 300px;
margin: 0;
padding-right: 10px;
}
#pick-name {
width: 300px;
height: 30px;
background: url(../images/ban_pick.gif) no-repeat;
}
#pick-name p {
font-size: 90%;
text-align: right;
padding-top: 10px;
_font-size: 94%;
}
#pick-photo {
width: 290px;
height: 160px;
padding: 5px;
background: #F2F2F2
}



.realtime {
overflow: auto;
width: 290px;
height: 160px;
margin: 0;
padding: 4px;
background: #FFFFFF;
border: 1px solid #CCCCCC;
}

.infodesc {
padding: 5px 5px 10px 5px;
}

.infodesc p {
padding: 5px;
font-size: 94%;
}

.infotime {
margin: 0 0 5px 0;
padding: 2px;
color: #595959;
background: #f2f2f2;
}

.info-image {
border: 1px solid #cccccc;
float: left;
margin: 5px 5px 5px 0px;
}



/*- インフォメーション - */
#info, #per-right {
float: left;
margin: 0;
padding: 0;
}
#info-name {
width: 190px;
height: 30px;
background: url(../images/ban_info.gif) no-repeat;
}
.info-maga {
width: 190px;
height: 75px;
padding-bottom: 5px;
background: url(../images/info_ban01.gif) no-repeat;
}
.info-maga a {
display: block;
width: 190px;
height: 75px;
}
.info-mobile {
width: 190px;
height: 90px;
background: url(../images/info_ban02.gif) no-repeat;
}
.info-mobile a {
display: block;
width: 190px;
height: 90px;
}
/*- 新人入店 - */
#newface, #play, #today, #per-sche {
clear: both;
width: 505px;
margin-left: 20px;
padding-top: 10px;
}
#new-name {
width: 500px;
height: 30px;
background: url(../images/ban_newface.gif) no-repeat;
}
#new-name p {
font-size: 90%;
text-align: right;
padding-top: 10px;
_font-size: 94%;
}
/*- 本日の出勤予定 - */

#today-name {
width: 500px;
height: 30px;
background: url(../images/ban_today.gif) no-repeat;
}
#today-name p {
font-size: 90%;
text-align: right;
padding-top: 10px;
_font-size: 94%;
}
/*-グループ紹介- */
#group {
clear: both;
width: 540px;
margin: 0;
padding-top: 10px;
}
#group-name {
width: 540px;
height: 60px;
background: url(../images/ban_rg.gif) no-repeat;
}
#group-name p {
font-size: 90%;
text-align: right;
margin-right: 20px;
padding-top: 30px;
_font-size: 94%;
}
.group-list {
width: 510px;
margin: 0 0 15px 20px;
padding: 0;
list-style-type: none;
}
.group-list li {
float: left;
display: inline;
margin: 0;
padding: 0 10px 10px 0;
}
.group01 {
width: 245px;
height: 100px;
background: url(../images/banner_rg01.gif) no-repeat;
}
.group02 {
width: 245px;
height: 100px;
background: url(../images/banner_rg02.gif) no-repeat;
}
.group03 {
width: 245px;
height: 100px;
background: url(../images/banner_rg03.gif) no-repeat;
}
.group04 {
width: 245px;
height: 100px;
background: url(../images/banner_rg04.gif) no-repeat;
}
.group05 {
width: 245px;
height: 100px;
background: url(../images/banner_rg05.gif) no-repeat;
}
.group01 a, .group02 a, .group03 a, .group04 a, .group05 a{
width: 245px;
height: 100px;
display: block;
}

/**********************************************************************
*Title Banner
**********************************************************************/
#title-girls {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_girls.gif) no-repeat;
}
#title-sche {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_sche.gif) no-repeat;
}
#title-sys {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_system.gif) no-repeat;
}
#title-links {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_links.gif) no-repeat;
}
#title-maga {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_maga.gif) no-repeat;
}
#title-con {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_con.gif) no-repeat;
}
#title-mobile {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_mobile.gif) no-repeat;
}
#title-office {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_office.gif) no-repeat;
}
#title-prof {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_prof.gif) no-repeat;
}
#title-play {
width: 500px;
height: 30px;
padding-bottom: 5px;
background: url(../images/ban_play.gif) no-repeat;
}
/**********************************************************************
*Girls List
**********************************************************************/
#girls-list {
width: 505px;
margin: 0;
padding: 0;
}
.list {
list-style-type: none;
}
.list li {
float: left;
display: inline;
margin: 0;
padding: 0;
width: 101px;
line-height: 130%;
background: url(../images/girls_bg.gif) no-repeat top left;
}
.photo {
margin: 4px 0 8px 4px;
border: 0;
}
.date {
font-size: 84%;
line-height: 130%;
padding:0 0 10px 2px;
_margin: 3px 0 0 0;
_font-size: 90%;
_line-height: 136%;
}

/**********************************************************************
*Links
**********************************************************************/
#link-banner {
width: 478px;
margin: 0 0 30px 0;
padding: 10px 0 10px 20px;
border: 1px solid #DADADA;
background: url(../images/in_back.jpg) repeat;
}
.link-title { height: 18px; margin: 0 20px 10px 0; padding-left: 25px; background: url(../images/in_title.gif) no-repeat;}
.banner, .banner2 {list-style-type: none;}
.banner li {
display: inline;
margin: 0 0 10px 0;
padding: 0 1px 0 0;
width: 88px;
}
.banner2 li {
padding: 0 0 5px 0;
}

#content-text, #office {
width: 458px;
margin: 0 0 40px 0;
padding: 0 20px 15px 20px;
border: 1px solid #DADADA;
background: url(../images/text_back.gif) no-repeat top left;
}
#content-text dt, #maga-text dt {margin: 0; padding: 10px 0 5px 0;}
#content-text dd, #maga-text dd {margin: 0; padding-bottom: 8px; background: url(../images/line.gif) repeat-x bottom;}
.sche-prof h4 { padding: 6px 0 0 22px; color: #666666;}

#maga {
width: 498px;
margin: 0 0 30px 0;
border: 1px solid #DADADA;
}
.maga-img {
width: 488px;
height: 120px;
margin: 5px 5px 0 5px;
background: url(../images/maga_img.jpg) no-repeat top left;
}
#maga-text {
width: 458px;
padding: 0 20px 20px 20px;
}
.text-title { height: 18px; margin-top: 15px; padding-left: 25px; background: url(../images/in_title.gif) no-repeat;}
#content-text h4, #office h4 {
padding: 15px 0 10px 0;
font-size: 120%;
color: #999999;
}
#office dt, #office dd {margin: 0; padding: 5px 0; background: url(../images/line.gif) repeat-x top;}
#office dt {
clear: both;
display: inline;
float: left;
font-weight: bold;
width: 130px;
}
#office dd {
display: block;
margin: 0 0 0 140px;
}
.office-logo {
width: 150px;
height: 50px;
background: url(../images/office_logo.gif) no-repeat;
}

/**********************************************************************
*Personal
**********************************************************************/
#per-left {
float: left;
width: 290px;
padding: 0;
}
#gallery {
width: 280px;
height: 400px;
padding: 10px 0 0 10px;
background: url(../images/gallery_bg.gif) no-repeat;
}
#thumbnail {
width: 285px;
height: 76px;
margin-bottom: 20px;
padding: 5px 0 0 0;
}
#thumbnail ul {
list-style-type: none;
}
#thumbnail li {
float: left;
display: inline;
width:57px;
height:76px;
}
#thumbnail li img {
padding: 2px;
background: #E6E6E6;
}
#thumbnail li a {
background: #E6E6E6;
}
#thumbnail li a:link img {
background: #E6E6E6;
}
#thumbnail li a:visited img {
background: #E6E6E6;
}
#thumbnail li a:hover img {
background: #F38DBA;
}
.prof {
width: 210px;
height: 25px;
background: url(../images/ban_bg_01.gif) no-repeat;
}
.prof h3 {
padding: 6px 0 0 22px;
font-size: 12px;
}
.prof-text {
width: 198px;
margin: 0 0 40px 0;
padding: 0 5px 5px 5px;
border: 1px solid #DADADA;
}
.prof-text dt, .prof-text dd {margin: 0; padding: 4px 0 3px 0; font-size: 90%; _font-size: 94%; background: url(../images/line.gif) repeat-x top;}
.prof-text dt {
clear: both;
display: inline;
float: left;
font-weight: bold;
width: 88px;
}
.prof-text dd {
display: block;
margin: 0 0 0 88px;
}
.prof-text p {
font-size: 90%;
 _font-size: 94%;
}
.prof-com {
padding: 4px 0 3px 0;
font-weight: bold;
background: url(../images/line.gif) repeat-x top;
}
.op-mark {
width: 500px;
height: 30px;
margin: 0 0 10px 0;
background: url(../images/ban_mark01.gif) repeat-x top;
}
.op-text {
width: 458px;
margin: 0 0 20px 0;
padding: 15px 20px;
border: 1px solid #DADADA;
}
.op {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
width: 458px;
background: #F2F2F2;
}
.op td {
padding: 5px 0 5px 8px;
font-size: 90%;
font-weight: bold;
_font-size: 94%;
}
.list-line {
border-right: 1px solid #DADADA;
}
.koumoku { background: url(../images/line.gif) repeat-x top;}
.attention {
padding: 10px 0 0 0;
font-size: 84%;
background: url(../images/line.gif) repeat-x top;
_font-size: 90%;
}
/**********************************************************************
*System
**********************************************************************/
.sys-maga {
width: 300px;
height: 120px;
background: url(../images/sys_ban01.gif) no-repeat;
}
.sys-maga a {
display: block;
width: 300px;
height: 120px;
}
.waribiki {
width: 190px;
height: 120px;
background: url(../images/sys_ban02.gif) no-repeat;
}
.sys {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
width: 500px;
margin: 0 0 20px 0;
/*\*/
border: 1px solid #DADADA;
/* */
}
/*-- Mac Safari --*/
/*\*/
html*.sys {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
width: 499px;
_width: 500px;
border: 1px solid #DADADA;
margin: 0 0 20px 0;
}/**/
.sys th, .sys td {
padding: 4px 2px 4px 4px;
line-height: 120%;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
}
.sys th {
height: 25px;
font-size: 90%;

background: url(../images/sys_bg.gif)  repeat-x top;
 _font-size: 94%;
}
.sys td {
font-size: 110%;
}
.service {
width: 458px;
}
.service ul {
list-style-type: none;
}
.service li {
padding: 5px 0;
background: url(../images/line.gif) repeat-x top;
}
/**********************************************************************
*Schedule
**********************************************************************/
.sche-prof {
width: 500px;
height: 25px;
background: url(../images/ban_bg_sche.gif) no-repeat;
}
.sche-prof p {
padding: 7px 0 0 22px;
line-height: 100%;
}
#sche {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
width: 500px;
height: 93px;
margin: 0 0 15px 0;
/*\*/
border: 1px solid #DADADA;
/* */
}
/*-- Mac Safari --*/
/*\*/
html*#sche {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
width: 499px;
_width: 500px;
height: 93px;
margin: 0 0 15px 0;
border: 1px solid #DADADA;
}/**/

#sche td {
padding: 4px 2px 0px 2px;
text-align: center;
font-size: 90%;
line-height: 120%;
border-right: 1px solid #DADADA;
border-bottom: 1px solid #DADADA;
 _font-size: 94%;
}
#sche td.photo {
padding: 2px;
margin: 0;
width: 60px;
}
#sche td.day {
width: 57px;
height: 22px;
color: ##333333;
background: #F1F1F1;
_height: 19px;
}
#sche td.sat {
width: 57px;
color: #1680BC;
background: #F1F1F1;
}
#sche td.san {
width: 57px;
color: #BC161A;
background: #F1F1F1;
}
#sche td.time {width: 57px; height: 56px;}
.sche-date { padding-left: 4px; font-size: 84%; _font-size: 90%; }

/**********************************************************************
*Mobile
**********************************************************************/
#mobile-form {
width: 498px;
height: 380px;
margin: 0 0 20px 0;
padding: 0 0 10px 0;
background: url(../images/mobile_img.jpg) no-repeat left;
}
#form {
float: right;
margin-top: 60px;
padding: 0;
width: 250px;
}
#form p {
padding-bottom: 10px;
font-size: 84%;
line-height: 120%;
 _font-size: 90%;
}

/**********************************************************************
*Index
**********************************************************************/
#index {
width: 760px;
margin: 0 auto;
padding: 0;
background: url(../images/index_bg.gif) repeat-y;
}
#index-top {
width: 710px;
height: 300px;
margin: 20px 0 20px 25px;
padding: 0;
background: url(../images/index_img.jpg) no-repeat left top;
}
#enter {
float: right;
margin-top: 105px;
padding: 0;
width: 329px;
}
.shop {
height: 85px;
font-size: 90%;
color: #F0F0F0;
}
.index-enter a {
display: block;
margin-top: 45px;
width: 205px;
height: 40px;
background: url(../images/index_enter.jpg) no-repeat left top;
}
.index-enter a:hover {background-position:0 -40px;}
#index h1, #index h2 { padding: 3px 0 0 25px; font-size: 90%; color: #C1C1C1; line-height: 110%; _font-size: 94%; }
#index h3 { font-size: 90%; _font-size: 94%; }
#index span {display: none;}
.in-ban {
clear: both;
width: 715px;
margin: 0 0 0 25px;
padding: 0 0 20px 0;
}
.in-ban p, .in-ban1 p {font-size: 84%; _font-size: 90%;}
.group-index {
list-style-type: none;
}
.group-index li {
float: left;
display: inline;
margin: 0;
padding: 0 3px 20px 0;
}
.group1 {
width: 175px;
height: 120px;
background: url(../images/banner_rg1.gif) no-repeat;
}
.group2 {
width: 175px;
height: 120px;
background: url(../images/banner_rg2.gif) no-repeat;
}
.group3 {
width: 175px;
height: 120px;
background: url(../images/banner_rg3.gif) no-repeat;
}
.group4 {
width: 175px;
height: 120px;
background: url(../images/banner_rg4.gif) no-repeat;
}
.group5 {
width: 175px;
height: 120px;
background: url(../images/banner_rg5.gif) no-repeat;
}
.group1 a, .group2 a, .group3 a, .group4 a, .group5 a {
width: 175px;
height: 120px;
display: block;
}
.in-job {
width: 709px;
height: 70px;
background: url(../images/ban_rg_job.gif) no-repeat;
}
.in-job a {
width: 709px;
height: 70px;
display: block;
}
.in-ban2 {
clear: both;
width: 690px;
margin: 0 0 0 25px;
padding: 20px 0 20px 20px;
background: url(../images/line.gif) repeat-x top;
}
.in-ban1 {
clear: both;
width: 700px;
margin: 0 0 0 25px;
padding: 10px 0 20px 10px;
background: url(../images/sys_bg.gif)  repeat-x top;
}

/**********************************************************************
*Others
**********************************************************************/
.f-color1 { color: #818181; }
.f-color4 { color: #FF0099; }
.sat { color: #1680BC; }
.san { color: #BC161A; }
.f-text1 { font-size: 90%; _font-size: 94%; }
.f-text2 { font-size: 84%; _font-size: 90%; }
.image-s { padding-bottom: 7px; }
.under-text { padding-top: 10px; }
.text-side { margin: 0 0 0 80px; }



.clear {
clear: both;
}