* {
font-size: 12px;
margin: 0px;
padding: 0px;
}

body {
background-color: #E3F2E8;
font-family: "ＭＳ Ｐゴシック" ,sans-serif;
text-align: center;
line-height: 1.3em;
color: #666666;
}

a {
color: #36A17B;
}

a img {
border: none;
}

ul {
list-style: none;
}

form {
margin: 0px;
}

#wrapper {
background-color: #FFFFFF;
width: 680px;
margin: 0px auto;
text-align: left;
}

/* ヘッダー部分 */

#header {
background-image: url("../img/header.gif");
background-repeat: no-repeat;
background-position: left 15px;
width: auto;
height: 78px;
margin: 0px 30px 15px 15px;
padding: 38px 0px 0px 35px;
text-align: right;
}

#header h1 {
background-image: url("../img/logo.gif");
background-repeat: no-repeat;
background-position: left 10px;
width: 228px;
height: 70px;
float: left;
font-weight: normal;
text-align: left;
}

#header h1 a {
width: 228px;
height: 15px;
padding: 55px 0px 0px 0px;
font-size: 10px;
text-decoration: none;
color: #666666;
display: block;
}

#header h1 a:hover {
text-decoration: none;
}

/* メイン部分 */

#main {
width: 620px;
margin: 0px 0px 0px 30px;
line-height: 1.5em;
}

#main ul.link {
margin: 20px 0px 30px 0px;
}

#main ul.link li {
background-image: url("../img/li.gif");
background-repeat: no-repeat;
background-position: left 3px;
height: 14px;
padding: 0px 0px 0px 15px;
display: block;
}

#main .img {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
padding: 2px;
text-align: center;
}

#main .img a {
display: block;
}

#main .inner_middle {
vertical-align: middle;
margin-left: -1px;
margin-top: -1px;
}

/* メニュー */

#main .navi {
background-image: url("../img/admin_bar.gif");
background-repeat: repeat-x;
width: 610px;
height: 24px;
margin: 0px 0px 20px 0px;
padding: 12px 0px 0px 10px;
}

#main h2 {
background-color: #36A17B;
width: 610px;
height: 18px;
margin: 0px 0px 20px 0px;
padding: 10px 0px 10px 10px;
color: #FFFFFF;
font-weight: bold;
font-family: tahoma;
font-size: 16px;
}

/* スタイリスト管理画面 */

#main .profile {
background-image: url("../img/article_profile.gif");
background-repeat: no-repeat;
width: 200px;
margin: 0px 0px 40px 0px;
padding: 50px 0px 0px 0px;
float: left;
}

#main .profile .img {
width: 196px;
height: 196px;
}

#main .img a {
display: block;
}

#main .inner_middle {
vertical-align: middle;
margin-left: -1px;
margin-top: -1px;
}

#main .profile table {
border-collapse: collapse;
width: 100%;
margin: 4px 0px 7px 0px;
}

#main .profile table td {
width: 120px;
padding: 5px 0px;
text-align: right;
}

#main .profile table td.td1 {
width: 80px;
text-align: left;
color: #AAAAAA;
}

#main .profile table td.td2 {
padding: 2px 0px;
}

#main .profile table td.td2 img {
border: none;
width: 200px;
height: 1px;
padding: 0px;
}

#main .style {
background-image: url("../img/admin_style.gif");
background-repeat: no-repeat;
width: 380px;
margin: 0px 0px 40px 0px;
padding: 50px 0px 0px 0px;
float: right;
}

#main .style .img {
width: 96px;
height: 96px;
}

#main .style .box {
width: 102px;
margin: 0px 15px 15px 0px;
float: left;
display: inline;
}

#main .style .style_atc {
background-image: url("../img/td_line.gif");
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px 0px 20px 0px;
padding: 0px 0px 20px 0px;
}

#main .style ul {
width: 380px;
margin: 0px 0px 0px 0px;
}

#main .style ul li {
width: 120px;
padding: 0px 10px 7px 35px;
float: left;
}

#main .style ul li img {
border: none;
width: 15px;
height: 15px;
margin: 0px;
padding: 0px;
float: none;
}



#main .style ul li.nagasa {
background-image: url("../img/stylist_nagasa.gif");
background-repeat: no-repeat;
}

#main .style ul li.kisetsu {
background-image: url("../img/stylist_kisetsu.gif");
background-repeat: no-repeat;
}

#main .style ul li.kaogata {
background-image: url("../img/stylist_kaogata.gif");
background-repeat: no-repeat;
}

#main .style ul li.keryou {
background-image: url("../img/stylist_keryou.gif");
background-repeat: no-repeat;
}

#main .style ul li.shitu {
background-image: url("../img/stylist_shitu.gif");
background-repeat: no-repeat;
}

#main .style ul li.kuse {
background-image: url("../img/stylist_kuse.gif");
background-repeat: no-repeat;
}

#main .edit {
background-image: url("../img/admin_edit.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .image {
background-image: url("../img/admin_image.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .shop {
background-image: url("../img/admin_shop.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .pass {
background-image: url("../img/admin_pass.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .exit {
background-image: url("../img/admin_exit.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .public {
background-image: url("../img/admin_public.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .error {
background-image: url("../img/admin_error.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .shounin {
background-image: url("../img/admin_shounin.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .kaijo {
background-image: url("../img/admin_kaijo.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .catalog {
background-image: url("../img/admin_catalog.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .catalog .info {
width: 300px;
margin: 0px 17px 0px 0px;
float: left;
display: inline;
}

#main .catalog .pic {
width: 303px;
float: left;
}

#main .catalog .pic .img_l {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 297px;
height: 396px;
margin: 0px 0px 10px 0px;
padding: 2px;
text-align: center;
}

#main .catalog .pic .img_s1 {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 144px;
height: 192px;
margin: 0px 3px 0px 0px;
padding: 2px;
float: left;
display: inline;
text-align: center;
}

#main .catalog .pic .img_s2 {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 144px;
height: 192px;
margin: 0px 0px 0px 0px;
padding: 2px;
float: left;
text-align: center;
}

#main .catalog_new {
background-image: url("../img/admin_catalog_new.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .catalog_image {
background-image: url("../img/admin_catalog_image.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .catalog_public {
background-image: url("../img/admin_catalog_public.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .catalog_del {
background-image: url("../img/admin_catalog_del.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 0px 0px;
}

#main .paging {
margin: 10px 0px 10px 0px;
float: right;
}

#main .paging .prev {
margin: 5px 0px 0px 5px;
float: left;
display: inline;
}

#main .paging .next {
margin: 5px 0px 0px 5px;
float: left;
display: inline;
}

#main .paging .num {
border: solid 1px #CCCCCC;
width: 25px;
height: 20px;
margin: 0px 0px 0px 3px;
padding: 5px 0px 0px 0px;
float: left;
display: inline;
text-align: center;
}

#main .paging .num_a {
border: solid 1px #CCCCCC;
width: 25px;
height: 25px;
margin: 0px 0px 0px 3px;
float: left;
display: inline;
text-align: center;
}

#main .paging .num_a a {
background-color: #CCCCCC;
width: 25px;
height: 20px;
padding: 5px 0px 0px 0px;
display: block;
}


#main .box {
width: 102px;
margin: 0px 13px 9px 0px;
float: left;
display: inline;
}

#main .box .img {
width: 96px;
height: 96px;
}


/* サロン管理画面 */

#main table.salon {
border-collapse: collapse;
width: 620px;
margin: 10px 0px 20px 0px;
}

#main table.salon td {
vertical-align: top;
}

#main table.salon td.overview {
width: 300px;
padding: 0px 17px 20px 0px;
}

#main table.salon td.overview img {
width: 300px;
margin: 10px 0px 10px 0px;
}

#main table.salon td.style {
background-image: none;
width: 303px;
margin: 0px;
padding: 0px 0px 20px 0px;
float: none;
}

#main table.salon td.style .img_l {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 297px;
height: 396px;
margin: 0px 0px 10px 0px;
padding: 2px;
text-align: center;
}

#main table.salon td.style .img_s1 {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 144px;
height: 192px;
margin: 0px 3px 6px 0px;
padding: 2px;
float: left;
display: inline;
text-align: center;
}

#main table.salon td.style .img_s2 {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 144px;
height: 192px;
margin: 0px 0px 6px 0px;
padding: 2px;
float: left;
text-align: center;
}

#main table.salon td.info {
background-image: url("../img/salon_info2.gif");
background-repeat: no-repeat;
width: 280px;
padding: 50px 37px 0px 0px;
}

#main table.salon td.info table {
border-collapse: collapse;
width: 100%;
margin: 0px 0px 10px 0px;
}

#main table.salon td.info table td {
width: 170px;
padding: 3px 0px;
text-align: right;
}

#main table.salon td.info table td.td1 {
width: 110px;
color: #AAAAAA;
text-align: left;
}

#main table.salon td.info table td.td2 {
padding: 2px 0px;
}



#main table.salon td.price {
background-image: url("../img/salon_price.gif");
background-repeat: no-repeat;
width: 280px;
padding: 50px 20px 20px 0px;
}

#main table.salon td.price table {
border-collapse: collapse;
width: 100%;
margin: 0px 0px 10px 0px;
}

#main table.salon td.price table td {
width: 170px;
padding: 3px 0px;
text-align: right;
}

#main table.salon td.price table td.td1 {
width: 110px;
color: #AAAAAA;
text-align: left;
}

#main table.salon td.price table td.td2 {
padding: 2px 0px;
}





#main table.salon td.data {
background-image: url("../img/salon_data.gif");
background-repeat: no-repeat;
width: 280px;
padding: 50px 37px 0px 0px;
}

#main table.salon td.data table {
border-collapse: collapse;
width: 100%;
margin: 0px 0px 0px 0px;
}

#main table.salon td.data table td {
width: 170px;
padding: 3px 0px;
text-align: right;
}

#main table.salon td.data table td.td1 {
width: 110px;
color: #AAAAAA;
text-align: left;
}

#main table.salon td.data table td.td2 {
padding: 2px 0px;
}





#main table.salon td.option {
background-image: url("../img/salon_option.gif");
background-repeat: no-repeat;
width: 280px;
padding: 50px 20px 20px 0px;
}

#main table.salon td.option table {
border-collapse: collapse;
width: 100%;
margin: 0px 0px 0px 0px;
}

#main table.salon td.option table td {
width: 170px;
padding: 3px 0px;
text-align: right;
}

#main table.salon td.option table td.td1 {
width: 110px;
text-align: left;
}

#main table.salon td.option table td.td2 {
padding: 2px 0px;
}




#main table.salon td.message {
background-image: url("../img/salon_message.gif");
background-repeat: no-repeat;
width: 280px;
padding: 50px 20px 0px 0px;
}

#main table.salon td.message img {
width: 100px;
margin: 0px 10px 10px 0px;
float: left;
display: inline;
}

#main .stylist {
background-image: url("../img/salon_stylist.gif");
background-repeat: no-repeat;
width: 620px;
padding: 50px 0px 20px 0px;
}

#main .stylist .box {
width: 142px;
margin: 0px 13px 9px 0px;
float: left;
display: inline;
}

#main .stylist .box .img {
width: 136px;
height: 136px;
}

/* フォームテーブル */

#main table.form {
border-collapse: collapse;
width: 100%;
margin: 10px 0px 10px 0px;
}

#main table.form td {
width: 433px;
padding: 10px 10px;
}

#main table.form td.td1 {
background-image: url("../img/td.gif");
background-repeat: repeat-y;
background-color: #CFF7E8;
width: 137px;
padding: 10px 10px 10px 20px;
}

#main table.form td.td2 {
padding: 2px 0px;
}

#main table.form td.td2 img {
border: none;
padding: 0px;
}

.i_txtss {
width: 30px;
}

.i_txts {
width: 100px;
}

.i_txtm {
width: 150px;
}

.i_txtl {
width: 200px;
}

.i_txtll {
width: 250px;
}

.i_txtaream {
width: 400px;
height: 150px;
}

/* ログイン */

.login {
margin: 20px 0px;
text-align: center;
}

.login table {
margin: 0px auto 10px auto;
text-align: left;
}

.login table td {
padding: 3px 5px;
}

/* 管理画面 */

#main .result {
background-image: url("../img/td_line5.gif");
background-repeat: no-repeat;
background-position: left bottom;
width: 620px;
height: 112px;
margin: 10px 0px 0px 0px;
}


#main .result .img {
background-color: #FFFFFF;
border: solid 1px #CCCCCC;
width: 96px;
height: 96px;
margin: 0px 10px 0px 0px;
padding: 2px;
float: left;
display: inline;
text-align: center;
}

#main .img a {
display: block;
}

#main .inner_middle {
vertical-align: middle;
margin-left: -1px;
margin-top: -1px;
}

#main .result .icon {
margin: 0px 0px 0px 470px;
}

#main .result .icon img {
border: none;
margin: 0px;
width: auto;
height: auto;
padding: 0px;
float: none;
}

#main .result p {
width: 350px;
height: 92px;
margin: 10px 10px 0px 0px;
float: left;
display: inline;
}

#main .result p a.name {
font-size: 16px;
font-weight: bold;
}

#main .result p.style {
width: 320px;
}

#main .result ul {
background-image: url("../img/data.gif");
background-repeat: no-repeat;
width: 101px;
margin: 10px 0px 0px 0px;
padding: 21px 0px 0px 0px;
float: left;
}

#main .result ul li {
background-image: url("../img/li_search.gif");
background-repeat: no-repeat;
background-position: left 4px;
padding: 0px 0px 0px 15px;
}

#main .result ul.salon {
background-image: url("../img/data_salon.gif");
background-repeat: no-repeat;
margin: 10px 0px 5px 470px;
float: none;
}

/* フッター部分 */

#footer {
background-image: url("../img/footer.gif");
background-repeat: no-repeat;
background-position: center top;
width: 600px;
height: auto;
margin: 15px 0px 0px 30px;
padding: 15px 0px 15px 0px;
text-align: center;
font-size: 10px;
}

#footer ul {
background-image: url("../img/header_line.gif");
background-repeat: no-repeat;
background-position: right center;
margin: 0px 0px 10px 160px;
float: left;
display: inline;
}

#footer ul li {
background-image: url("../img/header_line.gif");
background-repeat: no-repeat;
background-position: left center;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 10px;
float: left;
display: block;
}

/* 常用クラス */

strong {
font-size: 16px;
font-weight: bold;
color: #36A17B;
}

.clear {
clear: both;
}

.l_clear {
clear: left;
}

.r_clear {
clear: right;
}

.middle {
vertical-align: middle;
}

.center {
text-align: center;
}

.left {
text-align: left;
}

.right {
text-align: right;
}

.f_left {
float: left;
}

.f_left2 {
float: left;
margin: 0px 5px 0px 0px;
display: inline;
}

.f_left3 {
float: left;
margin: 0px 10px 0px 0px;
display: inline;
}

.f_left4 {
float: left;
margin: 0px 28px 0px 0px;
display: inline;
}

.f_left5 {
float: left;
margin: 15px 0px 0px 0px;
}

.f_left6 {
float: left;
margin: 0px 60px 0px 0px;
display: inline;
}

.f_right {
float: right;
}

.text10 {
font-size: 10px;
line-height: 1.2em;
font-weight: normal;
}

a.text10 {
font-size: 10px;
}

.text10 a {
font-size: 10px;
}

.red {
color: #36A17B;
}

.blue {
color: #5c74e2;
}

.grey {
color:#AAAAAA;
}

.attention {
color: #FF2222;
}

.bold {
font-weight: bold;
}