* { padding: 0; margin: 0; }
body, td, div{ 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color:#FDFFF9; 
}

input, button, textarea, select { color:#000000; }
img { border: 0; }
a:link, a:active { text-decoration:none; color:#FDFFF9; outline:none; }
a:visited  { text-decoration:none; color:#FDFFF9; }
a:hover { text-decoration:underline; color:#FDFFF9;}
h1 {display:none;}
h2 {}
li {list-style:none;}

body{margin:0;padding:0;background:#000 url('../../images/bg.jpg') repeat-y 50% 0;}
#wrapper {width:100%; }
a.link {display:none;}

.f-cl-black { color:#000; }
.f16 { font-size:16px; }

/*=== Index					============================================================================================================*/
#index-wrapper { float:left; width:100%;}
#index-section { margin: 0 auto; width:800px;}
#index-section .logo {float:left; width:800px; margin-top:150px;}
#index-section .button {float:left; width:800px; text-align:center; margin-top:30px;}
#index-section .button img {margin:0 20px;}
#index-section .information {float:left; width:800px; margin-top:30px; color:#000; text-align:center; }
#index-section .information img { margin-bottom:10px; }
#index-section .banner {float:left; width:800px; margin-top:30px; text-align:center;}
#index-section .seoinfo {float:left; width:800px; margin-top:10px; text-align:center; padding-bottom:30px; color:#000; }

/*=== header					============================================================================================================*/
#header-wrapper { float:left; width:100%; margin-bottom:20px;}
#header-section { margin: 0 auto; width:1200px;}
#header-section .back {float:left; width:1200px; height:130px; background:url('../../images/header/header.png');}
#header-section .scroll-wrapper {float:right; width:910px; height:30px; margin-top:100px; color:#FDFFF9; font-size:13px; font-weight:bold;}

/*=== index-tail					============================================================================================================*/
#index-tail-wrapper-bottom { float:left; width:100%;  background:#666666 url('../../images/copyright_line.jpg') repeat-x; padding:20px 0px; position:absolute; bottom:0; }
#index-tail-wrapper { position:fixed; bottom:0; float:left; width:100%; margin-top:20px; background:#808080 url('../../images/copyright_line.jpg') repeat-x;; padding:20px 0px;}
#index-tail-section { margin: 0 auto; width:1200px;}
#index-tail-section .menu-wrapper {float:left; width:1200px;}
#index-tail-section .menu-wrapper a {margin-right:10px; color:#FDFFF9;}
#index-tail-section .description {float:left; width:1200px; text-align:left; color:#FDFFF9; line-height:18px;}
#index-tail-section .description a {color:#FDFFF9;}
#index-tail-section .copyright {float:left; width:1200px; color:#FDFFF9; text-align:center;}
#index-tail-section .copyright a {color:#FDFFF9;}


/*=== tail					============================================================================================================*/
#tail-wrapper-bottom { float:left; width:100%;  background:#666666 url('../../images/copyright_line.jpg') repeat-x; padding:20px 0px; position:absolute; bottom:0; }
#tail-wrapper { float:left; width:100%; margin-top:20px; background:#666666 url('../../images/copyright_line.jpg') repeat-x;; padding:20px 0px;}
#tail-section { margin: 0 auto; width:1200px;}
#tail-section .menu-wrapper {float:left; width:1200px;}
#tail-section .menu-wrapper a {margin-right:10px; color:#FDFFF9;}
#tail-section .description {float:left; width:1200px; text-align:left; color:#FDFFF9; line-height:18px;}
#tail-section .description a {color:#FDFFF9;}
#tail-section .copyright {float:left; width:1200px; color:#FDFFF9; text-align:center;}
#tail-section .copyright a {color:#FDFFF9;}

/*=== contents				============================================================================================================*/
#contents-wrapper { float:left; width:100%; }
#contents-section { margin: 0 auto; width:1200px;}
#contents-body { float:left; width:1200px; }
#contents { float:right; width:900px; margin-right:10px;}

/*=== menu					============================================================================================================*/
#menu-wrapper { float:left; width:270px; }
#menu-wrapper .menu {float:left; width:260px; padding:0 10px;}
#menu-wrapper .menu .title {float:left; width:260px; height:40px; background:url('../../images/left/title_menu.jpg');}
#menu-wrapper .menu li {float:left; width:128px; margin:5px 0;}
#menu-wrapper .menu li img {float:left; width:128px; height:130px;}
#menu-wrapper .menu li:nth-child(odd) {float:right;}
#menu-wrapper .banner {float:left; width:260px; padding:10px;}

/*=== common				============================================================================================================*/
.date-color {color:#FDFFF9;}
.subject-color {color:#ffcc33;}

/*=== top page				============================================================================================================*/
#top-banner {float:left; width:900px; height:370px; margin-bottom:15px;}
#top-banner img {width:900px; height:370px;}

#top-newface {float:left; width:230px;}
#top-newface .title {float:left; width:230px; height:30px; background:url('../../images/top/title_todaynewface.jpg');margin-bottom:10px;}
#top-newface .back {float:left; width:230px;} 
#top-newface .back li {float:left; width:210px; height:110px; background:url('../../images/top/today_listbg.png'); margin-bottom:10px; padding:10px;} 
#top-newface .back li .image {float:left; width:70px; height:105px; border:1px solid #efefef;}  
#top-newface .back li .image img {width:70px; height:105px;} 
#top-newface .back li .profile {float:right; width:120px; height:30px; font-size:10px; padding:5px;} 
#top-newface .back li .profile b{float:left; width:120px; font-size:12px;} 
#top-newface .back li .comment {float:right; width:120px; height:60px; font-size:10px; padding:5px; overflow:hidden;} 

#topix {float:right; width:230px; margin-right:10px; }
#topix .title {float:left; width:230px; height:30px; background:url('../../images/top/title_topix.jpg');margin-bottom:10px;}
#topix .back {float:left; width:230px; height:460px; overflow:auto; background:#fff; color:#000; } 
#topix .back li {float:left; width:210px; margin-bottom:10px; overflow:hidden;}
#topix .back li img {float:left; width:50px; height:50px; margin:0 2px 2px 0; border:1px solid #FDFFF9; }
#topix .back li p {float:left; width:150px; font-size:10px;}
#topix .back li p b{float:left;  width:150px;}

#news {float:left; width:420px; }
#news .title {float:left; width:420px; height:30px; background:url('../../images/top/title_newinfo1.jpg');margin-bottom:10px;}
#news .back {float:left; width:420px; height:460px; overflow:auto; background:#fff; color:#000; } 
#news .back li {float:left; width:390px; padding:5px; margin-bottom:5px; font-size:14px; border-bottom:1px dotted #666;}
#news .back li .image {float:left; width:190px; padding:0 5px 0 0;}
#news .back li .image img {width:190px; height:285px; margin-bottom:5px;}

#diaryTop {float:right; width:230px;}

#accessTop { float:left; width:900px; margin-top:20px; }
#accessTop .info { float:left; width:300px; font-size:16px; color:#000; }
#accessTop .info .title{ float:left;width:280px; height:20px; background:#000; font-size:16px;color:#fff; padding:10px;margin-bottom:10px}
#accessTop .info a{ color:#000; }
#accessTop .map { float:right; width:580px; }


/*=== girl-list				============================================================================================================*/
#girl-list {float:left; width:900px;}
#girl-list .title {float:left; width:900px; height:30px; background:url('../../images/schedule/title.jpg');}
#girl-list .title-companion {float:left; width:900px; height:30px; background:url('../../images/companion/title.jpg');}
#girl-list .title-newface {float:left; width:900px; height:30px; background:url('../../images/newface/title.jpg');}
#girl-list .back {float:left; width:900px;}
#girl-list .back li {float:left; width:190px; height:460px; background:url('../../images/listbg.jpg'); margin:10px 12px 20px 12px; padding:5px;}
#girl-list .back li .state {float:left; width:190px; height:20px;  margin-top:3px;}
#girl-list .back li .state p {float:left; width:80px; height:20px; text-align:center; font-size:11px;}
#girl-list .back li .state img {float:right; height:20px; margin-right:5px;}
#girl-list .back li .sns {
	position:relative;
	float:right;
	left:-5px;
	top:270px;
	width:45px;
	height:0px;
	z-index:1;
}
#girl-list .back li .icon img {
	float:left;
	width:60px;
	height:20px;
	margin:1px
}
#girl-list .back li .image {float:left; width:190px; height:285px; margin-top:10px;}
#girl-list .back li .image img {width:190px; height:285px;}
#girl-list .back li .image .icon_movie{position:relative; z-index:1001; top:240px; left:130px; height:0px;}
#girl-list .back li .image .icon_movie img {width:57px; height:18px;}
#girl-list .back li .image .icon_blog{position:relative; z-index:1001; top:260px;  left:130px; height:0px;}
#girl-list .back li .image .icon_blog img {width:57px; height:18px;}

#girl-list .back li .lcmt {float:left; width:190px; height:20px; margin-top:10px; line-height:14px; color:#000; font-size:10px; text-align:center;}
#girl-list .back li .profile {float:left; width:190px; height:30px; margin-top:5px; line-height:14px; color:#000; font-size:10px; text-align:center;}
#girl-list .back li .profile b {float:left; width:190px; font-size:12px;}
#girl-list .back li .schedule {float:left; width:190px; height:16px; margin-top:5px; color:#000; font-size:10px; text-align:center;}
#girl-list .back li .icon {float:left;float:left; width:190px; height:43px; margin-top:8px;}
#girl-list .back li .icon img {float:left; width:60px; height:20px; margin:1px; }

#girl-list .back {float:left; width:900px;}
#girl-list .back .date {float:left; width:900px;}
#girl-list .back .date a {float:left; width:100px; background:#fd249b; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; margin:10px 4px;display:block; padding:10px;color:#fff; font-size:11px;}
#girl-list .back .date a.selected {background:#777;}


/*=== newface				============================================================================================================*/
#newface {float:left; width:900px;}
#newface .title {float:left; width:900px; height:30px; background:url('../../images/newface/title.jpg'); margin-bottom:15px;}
#newface .back {float:left; width:900px;}
#newface .back li {float:left; width:900px; margin-bottom:15px;}
#newface .back li img {width:900px; height:250px;}

/*=== ranking				============================================================================================================*/
#ranking {float:left; width:900px;}
#ranking .title {float:left; width:900px; height:30px; background:url('../../images/ranking/title.jpg');}
#ranking .back {float:left; width:890px; padding:10px 5px; }
#ranking .title-rank1 {float:left; width:890px; height:30px; background:url('../../images/ranking/title1.jpg');}
#ranking .title-rank2 {float:left; width:890px; height:30px; background:url('../../images/ranking/title2.jpg');}
#ranking .title-rank3 {float:left; width:890px; height:30px; background:url('../../images/ranking/title3.jpg');}
#ranking .title-rank4 {float:left; width:890px; height:30px; background:url('../../images/ranking/title4.jpg');}
#ranking .title-rank5 {float:left; width:890px; height:30px; background:url('../../images/ranking/title5.jpg');}
#ranking .title-rank6 {float:left; width:890px; height:30px; background:url('../../images/ranking/title6.jpg');}
#ranking .back li {float:left; width:170px; height:320px; background:url('../../images/ranking/listbg.jpg'); margin:10px 4px; }
#ranking .back li p {font-weight:bold; font-size:16px; text-align:center; margin:5px 0 0 55px;}
#ranking .back li .image {float:left; width:160px; height:240px; margin:5px 5px 0;}
#ranking .back li .image img {width:160px; height:240px;}
#ranking .back li .name {float:left; width:170px; text-align:center; color:#000; margin-top:5px; }
#ranking .back li .profile {float:left; width:170px; font-size:10px; color:#000; text-align:center;}

/*=== system				============================================================================================================*/
#system {float:left; width:900px;}
#system .title {float:left; width:900px; height:30px; background:url('../../images/system/title.jpg'); margin-bottom:15px;}
#system .back {float:left; width:890px; height:900px; background:url('../../images/system/system.png'); }
#system .back .map { float:right; margin:500px 10px 0 300px; }


/*=== mailmaga				============================================================================================================*/
#mailmaga {float:left; width:900px;}
#mailmaga .title {float:left; width:900px; height:30px; background:url('../../images/mailmaga/title.jpg'); margin-bottom:15px;}
#mailmaga .back {float:left; width:860px; padding:10px 20px; }
#mailmaga .back p {float:left; width:900px; font-size:1.4em; color:#000; }
#mailmaga .back .form {float:left; width:900px; margin-top:20px; color:#000; }
#mailmaga .back .form li {float:left; width:430px; margin-right:20px; }
#mailmaga .back .form input[type="text"] {float:left; width:300px; padding:5px;  }

/*=== concept				============================================================================================================*/
#concept {float:left; width:900px;}
#concept .title {float:left; width:900px; height:30px; background:url('../../images/concept/title.jpg'); margin-bottom:15px;}
#concept .back {float:left; width:900px;}

/*=== recruit				============================================================================================================*/
#recruit {float:left; width:900px;}
#recruit .title {float:left; width:900px; height:30px; background:url('../../images/recruit/title.jpg'); margin-bottom:15px;}
#recruit .back {float:left; width:900px;}

/*=== blog				============================================================================================================*/
#blog {float:left; width:900px;}
#blog .title {float:left; width:900px; height:30px; background:url('../../images/blog/title.jpg'); margin-bottom:15px;}
#blog .back {float:left; width:900px;}
#blog .back p{ text-align:center; font-size:30px; width:900px;}
#blog .back li {float:left; width:400px; background:#660000; border:1px solid #99000; margin:10px 15px; padding:9px 9px;}
#blog .back li .image {float:left; width:400px; height:200px;}
#blog .back li .image img {width:400px; height:200px;}
#blog .back li .profile {float:left; width:186px; height:19px; background:url('../../images/blog/name.jpg'); margin-top:10px; font-size:10px; padding:4px;}
#blog .back li .profile b{font-size:12px;}

/*=== movie				============================================================================================================*/
#movie {float:left; width:900px;}
#movie .title {float:left; width:900px; height:30px; background:url('../../images/movie/title.jpg'); margin-bottom:15px;}
#movie .back {float:left; width:900px;}
#movie .back li {float:left; width:800px; background:#660000; border:1px solid #99000; margin:10px 0; padding:20px 50px;}
#movie .back li .profile {float:left; width:860px; font-size:16px; margin-bottom:10px;}
#movie .back li .profile b{font-size:22px;}
#movie .back li .image {float:right; width:400px; height:200px;}
#movie .back li .image img {width:400px; height:200px;}
#movie .back li .viewer {float:left; width:350px; height:200px; background:#fff;}

/*=== link				============================================================================================================*/
#link {float:left; width:900px;}
#link .title {float:left; width:900px; height:30px; background:url('../../images/link/title.jpg'); margin-bottom:15px;}
#link .back {float:left; width:900px;}
#link .back li {float:left; width:200px; height:55px; margin:10px; overflow:hidden;}
#link .back li img {width:200px; height:40px;}

/*=== profile				============================================================================================================*/
#profile {float:left; width:960px; background:#ffffff;}
#profile .title {float:left; width:960px; height:30px; background:url('../../images/profile/title.jpg');}
#profile .back {float:left; width:940px; padding:10px;}
#profile .bImage {float:left; width:940px; height:620px; text-align:center; margin-bottom:10px;}
#profile .bImage img {max-width:940px; height:620px;  background:#fff;}
#profile .tImage {float:left; width:940px;margin-bottom:10px;}
#profile .tImage img {float:left; max-width:140px; height:90px;  background:#fff; margin-right:5px;}
#profile .name {float:left; width:920px; height:30px; background:url('../../images/profile/name.jpg'); font-size:18px; padding:5px 10px; margin-bottom:10px;}
#profile .name b {font-size:18px;}
#profile .name img {float:right; margin:5px 5px 0;}
#profile .name .icon {float:right; width:500px; height:30px; }
#profile .name .icon img {margin:5px 1px; }
#profile .text {float:left; width:360px; height:170px; background:url('../../images/profile/profile.jpg');  padding:5px;margin-bottom:10px;}
#profile .text li {float:left; width:360px; color:#000; }
#profile .text li dt {float:left; width:360px; font-size:10px;}
#profile .text li dd {float:left; width:360px; font-size:12px;}
#profile .schedule {float:left; width:360px; height:195px; background:url('../../images/profile/schedule.jpg');  padding:30px 5px 5px 5px;}
#profile .schedule li {float:left; width:360px; height:27px; padding:1px 0; color:#000; }
#profile .schedule li dl {float:left; width:360px; font-size:10px;}
#profile .schedule li dd.date {float:left; width:90px; font-size:12px;}
#profile .schedule li dd.work {float:left; width:100px; font-size:12px;}
#profile .schedule li dd.comment {float:left; width:170px; font-size:12px;}

#profile .comment1 {float:right; width:340px; height:85px; background:url('../../images/profile/gcmt.jpg');  padding:30px 5px 5px 5px;margin-bottom:10px; color:#000; }
#profile .comment2 {float:right; width:340px; height:255px; background:url('../../images/profile/mcmt.jpg');  padding:30px 5px 5px 5px; color:#000; }
#profile .diary {float:right; width:200px; height:250px; ;}

/*=== table css				============================================================================================================*/
table.profileTable {width:160px; height:100px; border-collapse: collapse; }
table.profileTable th {width:25px; text-align:left; vertical-align: top; padding:0px 5px 5px 0; color:#FDFFF9;}
table.profileTable td {text-align:left; vertical-align: top; padding:0px 5px; color:#FDFFF9;line-height:20px;}

table.systemTable {width:590px; height:342px; border-collapse: collapse; }
table.systemTable th {width:150px; text-align:left; vertical-align: top; padding:5px; color:#FDFFF9;}
table.systemTable td {text-align:left; vertical-align: top; padding:5px; color:#FDFFF9;line-height:18px;}

table.recruitTable {width:710px; border-collapse: collapse; }
table.recruitTable th {width:180px; text-align:left; vertical-align: top; padding:10px; color:#FDFFF9; border-bottom:1px dotted #999999;}
table.recruitTable td {text-align:left; vertical-align: top; padding:10px; color:#FDFFF9; line-height:20px; border-bottom:1px dotted #999999;}

table.contactTable {width:728px; border-collapse: collapse; border:1px solid #555555; }
table.contactTable th {width:150px; text-align:left; vertical-align: middle; padding:10px; color:#FDFFF9; border:1px solid #999999;}
table.contactTable th.subject {font-size:11px;}
table.contactTable td {text-align:left; vertical-align: middle; padding:10px; color:#FDFFF9; line-height:30px; border:1px solid #999999;}

table.scheduleTable {width:150px; height:110px; border-collapse: collapse; background:url('../../images/profile/schedulebg.jpg'); margin-bottom:1px;}
table.scheduleTable th {width:30px; vertical-align:middle; padding:3px;text-align:center; font-size:11px;}
table.scheduleTable td {vertical-align:top; padding:3px;text-align:left; font-size:10px;}
table.scheduleTable td.worktime {height:20px; vertical-align:middle; padding:3px;text-align:left; font-size:11px;}

table.mailmagaTable {width:330px; border-collapse:}
table.mailmagaTable th {width:120px; text-align:left; vertical-align: middle; padding:10px;}
table.mailmagaTable td {text-align:left; vertical-align: middle; padding:5px 10px;}

input[type="text"] {float:left; width:200px; padding:5px; margin-right:10px; border:1px solid #777777;}
input[type="submit"] {float:left; width:50px; height:30px; padding:5px; }

.point {color:#00ffff;}
.point1 {color:#ff0000;}