* { padding: 0; margin: 0; }
body, td, p ,div{ 
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:12px;
	color:#000000;
}
input, button, textarea, select { color:#000000;}
input[type=submit] { color:#000000; padding:10px 20px;}

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

body{margin:0;padding:0;background:#ffffff url('../../images/bg.jpg') fixed 50% 0; }

/*=== layout */
#wrapper{width:100%; }

#index-wrapper{ float:left; width:100%;}
#index-section { margin: 0 auto; width:1000px; height:750px; background:url('../../images/index/index.png');}
#index-section .button {float:right; width:1000px; margin-top:520px; text-align:center;}
#index-section .button img {margin:10px 5px;}

#index_diary {margin: 0 auto; width:1000px;}
#index_diary .back {float:left; width:900px; margin:20px 50px 0; text-align:center;}
#index_diary .back li {float:left; width:270px; height:220px; margin:10px 5px; background:#fff; border:1px solid #ccc;}

/*=== index_link			=========================================================================================================*/
#index_link {margin: 0 auto; width:1000px;}
#index_link .back {float:left; width:1000px; }
#index_link .back li.b468 {float:left; width:468px; margin:10px 10px 0px 10px;}
#index_link .back li.b468 .subject{float:left; width:468px; margin-bottom:3px; overflow:hidden;}
#index_link .back li.b468 img {width:468px; height:60px;}
#index_link .back li.b468 textarea {float:left; width:468px; height:40px;}

#index_link .back li.b200 {float:left; width:200px; margin:10px 25px 0px 25px;}
#index_link .back li.b200 .subject{float:left; width:200px; margin-bottom:3px; overflow:hidden;}
#index_link .back li.b200 img {width:200px; height:40px;}
#index_link .back li.b200 textarea {float:left; width:200px; height:40px;}

#index_link .back li.b88 {float:left; width:88px; margin:10px;}
#index_link .back li.b88 .subject {float:left; width:88px; margin-bottom:3px; overflow:hidden; color:#222222;}
#index_link .back li.b88 img {width:88px; height:31px;}
#index_link .back li.b88 textarea {float:left; width:88px; height:40px;}

#header-wrapper { float:left; width:100%; height:220px;}
#header-section { margin: 0 auto; width:1000px; height:200px; background:url('../../images/header/header.png'); margin-top:20px;}
#header-section-textfield {float:left; width:100%; height:20px; background:url('../../images/header/textbar.jpg'); text-align:center; color:#fff; font-weight:bold;}

#scroll-wrapper { float:left; width:100%;}
#scroll-section { margin: 0 auto; width:1000px; height:40px; background:url('../../images/header/flashnews.png'); }

#tail-wrapper { float:left; width:100%; background:url('../../images/copyrightbg.jpg'); margin-top:10px;}
#tail-section { margin: 0 auto; width:1000px; height:140px; }
#tail-section .logo { float:right; width:616px; height:128px; background:url('../../images/copyright_logo.png'); margin:10px 0 0 0; }
#tail-section .menu-wrapper {float:left; width:380px; height:20px; text-align:center; font-size:10px; margin:10px 0 0 0;}
#tail-section .menu-wrapper a{float:left; color:#ffffff; margin:0 5px;}
#tail-section .menu-wrapper a:hover{float:left; color:#ffffff; font-weight:bold;}
#tail-section .copy-wrapper {float:left; width:380px; color:#ffffff; margin:10px 0 0 0; font-size:10px;}
#tail-section .copy-wrapper a{color:#ffffff;}

#contents-wrapper { float:left; width:100%;}
#contents-section { margin: 0 auto; width:1000px; }
#contents-body { float:right; width:980px; padding:0 10px; background:url('../../images/contentsbg.png');}

#left { float:left; width:200px; margin-right:20px; }
#left .menu { float:left; width:200px; margin-bottom:15px;}
#left .menu li { float:left; height:55px; margin-bottom:2px; }
#left .eventbanner { float:left; width:200px; height:220px; margin-bottom:10px; }
#left .rankingbanner { float:left; width:200px; height:100px; margin-bottom:10px; }
#left .sokuhime { float:left; width:200px; height:60px; margin-bottom:10px; }
#left .qrcode { float:left; width:200px; height:240px; margin-bottom:10px; }
#left .twitter { float:left; width:200px; height:400px; margin-bottom:10px; }
#left .heaven { float:left; width:200px; height:500px; margin-bottom:10px; }

#totop {position:relative; left:1000px; top:-2100px; width:45px; height:0px; z-index:1;}

/*=== common			=========================================================================================================*/
.date-color {color:#cc0066;}
.subject-color {color:#cc0066; font-weight:bold;}

/*=== top 				=========================================================================================================*/
#eventbanner {float:left; width:760px; height:90px; margin-bottom:10px;}

#pickup {float:left; width:310px; height:550px; background:url('../../images/main/pickup.png'); }
#pickup .back {float:left; width:310px; height:550px; }
#pickup .back li {float:left; width:280px; height:420px; margin:68px 15px 15px 15px; }
#pickup .back li .image {float:left; width:280px; height:420px; }
#pickup .back li .image img {width:280px; height:420px;}
#pickup .back li .profile {float:left; width:280px; height:30px; margin-top:20px; text-align:center; font-size:11px; line-height:20px; color:#000000; font-weight:bold; }
#pickup .back li .profile b {font-size:15px; color:#ff3399;}

#news {float:right; width:440px; height:350px; background:url('../../images/main/whatsnew.png'); margin-bottom:10px;}
#news .back {float:left; width:425px; height:275px; margin:65px 0 0 10px; overflow:auto;}
#news .back li {float:left; width:395px; padding:5px; margin-bottom:5px; border-bottom:1px dotted #ff0000; color:#cc0000;}
#news .back li .image {float:left; width:90px; padding:0 5px 5px 0;}
#news .back li .image img {float:left; width:90px; height:120px; margin-bottom:5px;}

#newface {float:right; width:215px; height:190px; background:url('../../images/main/newface.png'); margin-right:10px;}
#newface .back {float:left; width:205px; height:135px; margin:50px 5px;}
#newface .back li {float:left; width:205px; height:135px; }
#newface .back li .image {float:left; width:90px; height:135px; }
#newface .back li .image img {width:90px; height:135px;}
#newface .back li .profile {float:right; width:100px; height:45px; border-bottom:1px dotted #ff0000; margin:5px; font-size:10px; line-height:15px; color:#000000;}
#newface .back li .profile b {font-size:12px; color:#ff3399;}
#newface .back li .comment {float:left; width:105px; height:80px; margin-top:5px; font-size:10px; line-height:15px; color:#000000; overflow:auto;}
#newface .back li .comment b {font-size:12px; color:#ff3399;}

#ranking {float:right; width:215px; height:190px; background:url('../../images/main/ranking.png'); margin-bottom:10px;}
#ranking .back {float:left; width:205px; height:135px; margin:50px 5px;}
#ranking .back li {float:left; width:205px; height:135px; }
#ranking .back li .image {float:left; width:90px; height:135px; }
#ranking .back li .image img {width:90px; height:135px;}
#ranking .back li .profile {float:right; width:100px; height:45px; border-bottom:1px dotted #ff0000; margin:5px; font-size:10px; line-height:15px; color:#000000;}
#ranking .back li .profile b {font-size:12px; color:#ff3399;}
#ranking .back li .comment {float:left; width:105px; height:80px; margin-top:5px; font-size:10px; line-height:15px; color:#000000; overflow:auto;}
#ranking .back li .comment b {font-size:12px; color:#ff3399;}

#mailmaga-top {float:right; width:440px; height:100px; background:url('../../images/main/mailmaga.png'); margin-bottom:10px;}
#mailmaga-top .back {float:left; width:400px; height:50px; margin:45px 20px;}

/*=== cosplay			=========================================================================================================*/
#cosplay {float:right; width:760px;}
#cosplay .title {float:left; width:760px; height:45px; background:url('../../images/cosplay/title.png');}
#cosplay .back {float:left; width:760px; }
#cosplay .back li {float:left; width:180px; height:380px; background:url('../../images/listbg.png'); margin:10px 5px;}
#cosplay .back li .image {float:left; width:160px; height:240px; margin:35px 10px 0 10px; }
#cosplay .back li .image img {width:160px; height:240px;}
#cosplay .back li .name {float:left; width:180px; font-weight:bold; font-size:15px; color:#ff3399; margin-top:20px; text-align:center; }


/*=== companion			=========================================================================================================*/
#companion {float:right; width:760px;}
#companion .title {float:left; width:760px; height:45px; background:url('../../images/companion/title.png');}
#companion .back {float:left; width:760px; }
#companion .back li {float:left; width:180px; height:380px; background:url('../../images/listbg.png'); margin:10px 5px;}
#companion .back li .image {float:left; width:160px; height:240px; margin:35px 10px 0 10px; }
#companion .back li .image img {width:160px; height:240px;}
#companion .back li .icon-default {position:relative; left:10px; top:34px; width:80px; height:0px; z-index:1;}
#companion .back li .profile {float:left; width:180px; margin-top:25px; line-height:17px; font-weight:bold; font-size:11px; color:#ff3399; text-align:center;}
#companion .back li .profile b {float:left; width:180px; font-size:12px;}
#companion .back li .profile .worktime {float:left; width:180px; margin-top:16px; color:#ffffff;}

/*=== schedule			=========================================================================================================*/
#schedule {float:right; width:760px;}
#schedule .title {float:left; width:760px; height:45px; background:url('../../images/schedule/title.png');}
#schedule .back {float:left; width:760px; }
#schedule .back li {float:left; width:180px; height:380px; background:url('../../images/listbg.png'); margin:10px 5px;}
#schedule .back li .image {float:left; width:160px; height:240px; margin:35px 10px 0 10px; }
#schedule .back li .image img {width:160px; height:240px;}
#schedule .back li .icon-default {position:relative; left:10px; top:34px; width:80px; height:0px; z-index:1;}
#schedule .back li .profile {float:left; width:180px; margin-top:25px; line-height:17px; font-weight:bold; font-size:11px; color:#ff3399; text-align:center;}
#schedule .back li .profile b {float:left; width:180px; font-size:12px;}
#schedule .back li .profile .worktime {float:left; width:180px; margin-top:16px; color:#ffffff;}

#schedule .back .date {float:left; width:760px; text-align:center; padding:10px 0px;}
#schedule .back .date p {float:left; width:88px; height:20px; text-align:center; background:#cccccc; margin:0 5px; padding:5px;}
#schedule .back .date p a {color:#ffffff;}
#schedule .back .date p.selected {background:#ff3399;}

/*=== system			=========================================================================================================*/
#system {float:right; width:760px;}
#system .title {float:left; width:760px; height:45px; background:url('../../images/system/title.png'); }
#system .back {float:left; width:760px; height:2000px; background:url('../../images/system/system.png');}
#system .back .credit{float:left; width:732px; height:104px; background:url('../../images/system/credit.png'); margin:1870px 0 0 15px;}
#system .back .credit .form {float:right; margin:10px 10px 0 0;}
#system .back .credit .btn {width:145px; height:42px; float:right; margin:0px 30px 0 0;}
/*=== recruit			=========================================================================================================*/
#recruit {float:right; width:760px;}
#recruit .title {float:left; width:760px; height:45px; background:url('../../images/recruit/title.png'); }
#recruit .back {float:left; width:760px; }

/*=== event			=========================================================================================================*/
#event {float:right; width:760px;}
#event .title {float:left; width:760px; height:45px; background:url('../../images/event/title.png'); margin-bottom:10px;}
#event .back {float:left; width:760px; }
#event .back li{float:left; margin-bottom:3px; }

/*=== mailmaga			=========================================================================================================*/
#mailmaga {float:right; width:760px;}
#mailmaga .title {float:left; width:760px; height:45px; background:url('../../images/mailmaga/title.png'); }
#mailmaga .back {float:left; width:760px; height:710px; background:url('../../images/mailmaga/mailmaga.png');}
#mailmaga .back .form{float:left; margin:650px 0 0 25px;}

/*=== link			=========================================================================================================*/
#link {float:right; width:760px;}
#link .title {float:left; width:760px; height:45px; background:url('../../images/link/title.png'); }
#link .back {float:left; width:760px;}
#link .back li.b468 {float:left; width:468px; margin:10px 10px 0px 10px;}
#link .back li.b468 .subject{float:left; width:468px; margin-bottom:3px; overflow:hidden;}
#link .back li.b468 img {width:468px; height:60px;}
#link .back li.b468 textarea {float:left; width:468px; height:40px;}

#link .back li.b200 {float:left; width:200px; margin:10px 25px 0px 25px;}
#link .back li.b200 .subject{float:left; width:200px; margin-bottom:3px; overflow:hidden;}
#link .back li.b200 img {width:200px; height:40px;}
#link .back li.b200 textarea {float:left; width:200px; height:40px;}

#link .back li.b88 {float:left; width:88px; margin:10px;}
#link .back li.b88 .subject {float:left; width:88px; margin-bottom:3px; overflow:hidden; color:#222222;}
#link .back li.b88 img {width:88px; height:31px;}
#link .back li.b88 textarea {float:left; width:88px; height:40px;}

table.bannerTable {float:left; width:740px; border-collapse:collapse; margin:10px; border:1px solid #cccccc; }
table.bannerTable th {width:740px; height:25px; text-align:left; vertical-align: middle; padding:5px 10px; color:#222222; background:#fedfec;}
table.bannerTable td {text-align:left; width:370px; vertical-align:left; padding:5px 10px; border:1px solid #cccccc; color:#ff3399; font-weight:bold; font-size:12px;}
table.bannerTable textarea {width:340px; height:50px; overflow:auto;}

table.bannerTable1 {float:left; width:740px; border-collapse:collapse; margin:10px; border:1px solid #cccccc; }
table.bannerTable1 th {width:740px; height:25px; text-align:left; vertical-align: middle; padding:5px 10px; color:#222222; background:#fedfec;}
table.bannerTable1 td {text-align:left; width:740px; vertical-align:left; padding:5px 10px; border:1px solid #cccccc; color:#ff3399; font-weight:bold; font-size:12px;}
table.bannerTable1 textarea {width:710px; height:55px; overflow:auto;}

/*=== reserve			=========================================================================================================*/
#reserve {float:right; width:760px;}
#reserve .title {float:left; width:760px; height:45px; background:url('../../images/reserve/title.png'); }
#reserve .back {float:left; width:760px; }
table.reserveTable {float:left; float:left; width:740px; border-collapse: collapse; margin:10px; }
table.reserveTable th {width:150px; height:50px; text-align:left; vertical-align: middle; padding:5px 10px; color:#222222; background:#fedfec;}
table.reserveTable td {text-align:left; vertical-align: left;padding:5px; color:#222222; }

/*=== profile			=========================================================================================================*/
#profile {float:right; width:760px;}
#profile .title {float:left; width:760px; height:45px; background:url('../../images/profile/title.png'); margin-bottom:10px;}
#profile .back {float:left; width:760px;}
#profile .back .bImage {float:left; width:310px; height:460px; background:url('../../images/profile/big.png');}
#profile .back .icon-default {position:relative; left:5px; top:5px; width:80px; height:0px; z-index:1;}
#profile .back .blog {position:relative; left:180px; top:380px; width:80px; height:0px; z-index:1;}
#profile .back .blog img {width:111px; height:51px;}
#profile .back .blog img:hover {opacity: 0.8;}
#profile .back .bImage img {float:left; width:300px; height:450px; margin:5px 5px;}

#profile .back .information {float:right; width:440px; height:590px; background:url('../../images/profile/name.png');}
#profile .back .information .name {float:left; height:35px; margin:18px 5px 0 45px; }
#profile .back .information .name b {font-size:20px; color:#ff3399; }
#profile .back .information .profile {float:left; width:240px; height:25px; margin:25px 10px 0 0;}
#profile .back .information .profile b {font-size:16px; color:#000000;}

table.profiletextTable {float:right; width:210px; height:140px; border-collapse: collapse; margin:31px 20px 0; font-weight:bold;}
table.profiletextTable th {width:10px; text-align:right; vertical-align: middle; color:#ff2572; }
table.profiletextTable td {text-align:left; height:30px; vertical-align: middle; padding-left:10px; color:#222222;}

#profile .back .information .comment {float:left; width:390px; height:165px; margin:45px 20px 0 25px;}
#profile .back .information .comment .back {float:left; width:400px; height:160px; font-size:12px; color:#000000; overflow:auto; }

#profile .back .tImage {float:left; width:310px; height:130px; margin-left:10px;}
#profile .back .tImage img {float:left; width:80px; height:120px; border:1px solid #ff3399; margin:5px;}

#profile .back .schedule {float:right; width:408px; height:95px; margin:50px 15px 0 0;}

#profile .back .option {float:left; width:760px; height:215px; background:url('../../images/profile/option.png'); margin-top:10px;}
#profile .back .option .op1{float:right; width:310px; height:32px; margin:33px 25px 0 0; text-align:left; font-size:14px; font-weight:bold; color:#ff3366; line-height:16px;}
#profile .back .option .op2{float:right; width:310px; height:38px; margin:8px 25px 0 300px; text-align:left; font-size:14px; font-weight:bold; color:#ff3366; line-height:16px;}
#profile .back .option .op3{float:right; width:310px; height:34px; margin:5px 25px 0 300px; text-align:left; font-size:14px; font-weight:bold; color:#ff3366; line-height:16px;}
#profile .back .option .op4{float:right; width:310px; height:36px; margin:5px 25px 0 300px; text-align:left; font-size:14px; font-weight:bold; color:#ff3366; line-height:16px;}

/*=== table css			=========================================================================================================*/
table.scheduleTable {float:left; width:408px; height:95px; border-collapse:collapse;  color:#000000; }
table.scheduleTable th {height:30px; vertical-align:middle; padding-top:5px; border:1px solid #ff3366; text-align:center;}
table.scheduleTable td {vertical-align:middle; text-align:center; border:1px solid #ff3366; color:#000000;}

table.recruit {float:left; width:740px; margin:10px; border:1px solid #999999; border-collapse: collapse;}
table.recruit th {height:30px; vertical-align: middle; padding:5px; border:1px solid #999999; background:#ffe4f4;}
table.recruit td {vertical-align: middle; padding:5px; border:1px solid #999999;}
table.recruit td.info{vertical-align: middle; padding:5px; background:#feffda; border:1px solid #999999;}

.point {font-size:16px; font-weight:bold; color:#ff0080;}
.point1 {font-size:14px; font-weight:bold; }