@charset "utf-8";

a {
	color: #FF6600;
	text-decoration: underline;
}
a:visited {
	color: #FF6600;
	text-decoration: underline;
}
a:hover {
	color: #FF9900;
	text-decoration: none;
}

img {
	border: 0px none;
}

/*---- otome ---- */
body{
	background-position: center top;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #333;
	font-size: small;
	margin: 0px;
	padding: 0px;
	text-align:center;
	background:#FFFFFF;
}

#wrapper{
	background-image: url('../_img/_parts/tsuriotsu_bg.jpg'); background-repeat: repeat-x;
	margin:auto;
}

.contents_space {
	width: 990px;
	height: 1200px;
	margin: 0px auto 10px;
	background-repeat: no-repeat; background-image: url('../_img/_parts/sonogo_bg_white.jpg');
}

.lineup{
	width: 990px; height: 30px;
}
.lineup_buttom_h { float: left; margin-left: 5px; margin-top: 0px; }
.lineup_buttom { float: left; margin-left: 0px; margin-top: 0px; }
.lineup_buttom1 { float: left; margin-left: 2px; margin-top: 0px; }

.header{
	width: 990px; height: 250px;
}

.menu_buttom { float: left; margin-left: 48px; margin-top: 141px; }
.menu_buttom1 { float: left; margin-left: 0px; margin-top: 141px; }


.toTop_sp {
	clear: both;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
}

/*---- text ---- */

.important {
	color: #FF5555;
	font-weight: bold;
	font-size: 10px;
}

.colorGray {
	color: #666666;
}

.colorGreen {
	color: #39F;
}

.colorRedBold {
	font-weight: bold;
	color: #FF6666;
}

.size8px {
	font-size: 8px;
}
.size10px {
	font-size: 10px;
}
.size10pxBold {
	font-size: 10px;
	font-weight: bold;
}

.Bold {
	font-weight: bold;
}

.colorRedBold {
	font-weight: bold;
	color: #FF6666;
}
/*---- index_sns_btn ---- */
.sns_btn {
	overflow: hidden;
	list-style-type: none;	
}
.sns_btn li {
	float: left;
	margin-right: 2px;
}
.sns_btn iframe {
	margin: 0 !important;
}


/*---- tsukiniyorisou
#footerMenu {
	bottom: 0px;
	clear:both;
	width:100%;
	margin:0 auto;
	height:80px;
}

#footerMenu div.address{
	float:right;
	margin:2px 10px 0 0;
	display:inline;
	text-align:right;
	width:250px;
}

#footerMenu div.lay{
	width:960px;
	margin:0 auto;
}


#footerMenu ul {
	list-style:none;
	text-indent:8px;
	float:left;
}
#footerMenu ul li {
	display:inline;
	font-size:10px;
}

#footerMenu div.address p{
	margin:0 0 5px 0;
}
#footerMenu div.address{
	line-height:1.4;
	font-size:10px;
}
 ---- */

.topic_path{
	text-align: right;
	font-size:10px;
	padding: 0px;
	margin-right: 50px;
	margin-bottom: 25px;
}

/*---- right_totop ---- */

.backtotop {
position: fixed;
right: 15px;
bottom: 20px;
z-index: 9000;
display: none;
} 

.backtotop a {
display: block;
color: #777777;
padding: 3px 3px;
margin: 0;
background-color: #DDDDDD;
border-radius: 5px;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.backtotop a:hover {
background: #666666;
color: #FFFFFF;
}



/*---- footer ---- */
#footer {
	background: #8e6583;
	height: auto;
	width: 990px;
	text-align: left;
	clear: both;
}
div.footerColumnTop {
	width: 200px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	margin-top: 20px;
}
div.footerColumn {
	width: 160px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	margin-top: 20px;
}
div#footer p {
	line-height:1.2;
	font-size:10px;
	color: #FFF;
	margin-left: 10px;
}
div.footerColumn dl {
	width: 160px;
	margin-bottom: 10px;
}
div.footerColumn dt {
	background: url(../_img/_parts/footer_sakura.png) no-repeat left center;
	padding-left: 20px;
	color: #ffd700;
	font-weight: bold;
	font-size: 12px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 5px;
}
div.footerColumn dd a {
	color: #FFF;
	font-size: x-small;	
	margin-left: -20px;
	text-decoration: none;
}
div.footerColumn dd a:hover {
	color: #999;
}
#about {
	clear: both;
	width: 990px;
	height: 50px;
}
div#about ul li {
	list-style:none;
	float: left;
	margin-right: 10px;
	margin-left: 10px;
	text-decoration: none;
}
div#about ul li a {
	font-size: 12px;
	color: #FFF;
	background: url(../_img/_parts/footer_sakura_white.png) no-repeat left center;
	padding-left: 20px;
	text-decoration: none;
	padding-top: 3px;
	padding-bottom: 3px;
}
div#about ul li a:hover {
	color: #999;
}
div#copyright {
	font-size: 9px;
	color: #FFF;
	text-align: center;
	height: 20px;
	width: 990px;
	clear: both;
}


/*---- story ---- */

.story{
	width:950px;
	margin:auto;	
}


.story_sub {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
	text-align:left;
}
.story_sub li {
/*	position: relative; */
	float: left;
	width: 300px;
	margin: 0 0px 0px 0px;
	overflow: hidden;
	text-align:center;
}

.story_sub h2 {
	margin: 5px;
	font-size: small;
	color: #ffd700;
}

.story_sub h3 {
	font-size: small;
	color: #846ebd;
}

.story_sub p {
	font-size: small;
	color: #666;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	text-align:left;	
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



.special_about{
	width: 950px;
	height: 650px;
	margin:auto;
	background-image: url(../_img/tsuki_about.jpg);
	background-repeat:no-repeat;
}

.about {
	float: left;
	margin-left: 80px;
	margin-top: 130px;
	font-size: 75%;
	float: left;
	text-align:left;
	color: #fff;
}

.about h2 {
	margin: 5px;
	font-size: small;
	color: #ffd700;
	background-repeat: no-repeat;
	background-position: left center;
}

.about p {
	font-size: small;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/*---- download ---- */
.download{
	width: 950px;
	height: 650px;
	margin:auto;
	background-image: url(../_img/otome_download.jpg);
	background-repeat:no-repeat;
}

.movie { float: left; margin-left: 40px; margin-top: 125px; }

.download_moviesonogo{
	width: 950px;
	height: 650px;
	margin:auto;
	background-image: url(../_img/sonogo_download.jpg);
	background-repeat:no-repeat;
}

.download_trialtsuki{
	width: 950px;
	height: 650px;
	margin:auto;
	background-image: url(../_img/tsuki_trial.jpg);
	background-repeat:no-repeat;
}

.download_trialotome{
	width: 950px;
	height: 650px;
	margin:auto;
	background-image: url(../_img/otome_trial.jpg);
	background-repeat:no-repeat;
}

.download_update{
	width: 950px;
	height: 650px;
	margin:auto;
	background-image: url(../_img/sonogo_update.jpg);
	background-repeat:no-repeat;
}


.movie { float: left; margin-left: 40px; margin-top: 125px; }

.trial {
	float: left;
	margin-left: 80px;
	margin-top: 170px;
	font-size: 75%;
	float: left;
	text-align:left;
	color: #fff;
}

.trial2 {
	float: left;
	margin-left: 90px;
	margin-top: 250px;
	font-size: 75%;
	float: left;
	text-align:left;
	color: #fff;
}

.trial h2 {
	margin: 5px;
	font-size: small;
	color: #ffd700;
	background-repeat: no-repeat;
	background-position: left center;
}

.trial p {
	font-size: small;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.patch_info .jspVerticalBar {
    width: 5px;
}
.patch_info .jspTrack{
    background: #fbf8a9;
}
.patch_info .jspDrag{
    background: #e8bd00;
}

.patch_info{
	margin:180px 0px 0px 70px;
	background:no-repeat 0px;
	width: 455px;
	height: 400px;
	overflow: auto;
	padding: 10px;
	font-size: 75%;
	float: left;
	text-align:left;
	color: #fff;
}

.patch_info h2 {
	margin: 5px;
	font-size: small;
	color: #ffd700;
	background-repeat: no-repeat;
	background-position: left center;
}
.patch_info img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.patch_info p {
	font-size: small;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.patch_info h3 {
	font-size: 75%;
	text-align:left;
	color: #fff;
}


/*---- samplecg ---- */

.cg_thumb {
	width: 950px;
	overflow: hidden;
	margin: 0 auto;
}
.cg_thumb li {
	position: relative;
	float: left;
	width: 270px;
	height: 170px;
	margin: 0 10px 20px 10px;
	overflow: hidden;
}
.cg_thumb li span {
	display: block;
	width: 80px;
	height: 32px;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-image: url('../_img/_cg/cgnew.png');
}

/*---- chara ---- */

#chara_sub {
	width: 200px;
	margin-left: 50px;
	float: left;
}
#chara_main {
	width:700px;
	margin-left: 0px;
	float: left;
}



#container{
}

ul.tab{
	padding:0;
	position:relative;
	top:-40px;
	left:-40px;
	text-align: right;	
}

ul.tab li{
	font-size:10px;
	list-style-type: none;
	padding:0px 0px 0px 0px;
}

ul.tab li a{
	outline:none;
	color:blue;
}

ul.tab li a.selected{
	text-decoration:none;
	color:#333;
	cursor:default;
}

ul.panel{
	clear:both;
	border-top:none;
	padding:0;
}

ul.panel li{
	list-style-type:none;
	padding:0px;
}

.ch_sv0 {
	position:relative;
	top:-70px;
	left:-240px;
}

.ch_sv1 {
	position:relative;
	top:-70px;
	left:-240px;
}

.ch_sv2 {
	position:relative;
	top:-70px;
	left:-240px;
}
.ch_sv3 {
	position:relative;
	top:-70px;
	left:-240px;
}


/*---- index ---- */

/*.index_space {
	width: 990px;
	height: 1200px;
	margin: 0px auto 10px;
	background-repeat: no-repeat; background-image: url('../_img/_parts/otome_bg_index_white.jpg');
}
*/

.index_space {
	width: 990px;
	height: 1600px;
	margin: 0px auto 10px;
	background-repeat: no-repeat; background-image: url('../_img/_parts/sonogo_bg_index_white.jpg');
}
.index_header{
	width: 990px; height: 720px;
}

.index_lineup{
	width: 990px; height: 30px;
}
.index_lineup_buttom_h { float: left; margin-left: 5px; margin-top: 0px; }
.index_lineup_buttom { float: left; margin-left: 0px; margin-top: 0px; }
.index_lineup_buttom1 { float: left; margin-left: 2px; margin-top: 0px; }


.index_pickup{
	width: 990px; height: 600px;
}
.index_pickup_buttom_h { float: left; margin-left: 0px; margin-top: 0px; }
.index_pickup_buttom { float: left; margin-left: 300px; margin-top: 470px; }
.index_pickup_buttom1 { float: left; margin-left: 10px; margin-top: 470px; }


.index_menu{
	width: 990px; height: 90px;
}
.index_menu_buttom { float: left; margin-left: 46px; margin-top: 13px; }
.index_menu_buttom1 { float: left; margin-left: 0px; margin-top: 13px; }

/*.index_menu_buttom { float: left; margin-left: 48px; margin-top: 644px; } */
/*.index_menu_buttom1 { float: left; margin-left: 0px; margin-top: 644px; }　*/

/*---- index_sns_btn ---- */
.sns_btn {
	height: 25px;
	overflow: hidden;
	list-style-type: none;	
}
.sns_btn li {
	float: left;
	margin-right: 2px;
}
.sns_btn iframe {
	margin: 0 !important;
}

.top_news {
	height: 125px;
}

#index_sub1 {
	width: 330px;
	margin-left: 50px;
	float: left;
}
#index_sub2 {
	width:320px;
	margin-left: 0px;
	float: left;
}

#index_sub3 {
	width:250px;
	margin-left: 0px;
	float: left;
}


#index_sub {
	width: 480px;
	margin-left: 50px;
	margin-bottom: 150px;
	mat: 50px;
	float: left;
}

.infomovie{
	margin:0px 15px 0px 50px;
	width: 480px;
	overflow: auto;
	float: left;
	text-align:left;
}

#index_sub4 {
	width:400px;
	margin-left: 0px;
	float: left;
}

#index_sub5 {
	width:650px;
	margin-left: 0px;
	float: left;
}

.box{
 cursor: pointer;
}

.box:hover{background: #f6cd33 ;}


.update_info .jspVerticalBar {
    width: 5px;
}
.update_info .jspTrack{
    background: #fbf8a9;
}
.update_info .jspDrag{
    background: #e8bd00;
}

.update_info{
	margin:55px 0px 0px 50px;
	background:no-repeat 0px;
	width: 280px;
	height: 250px;
	overflow: auto;
	padding: 10px;
	font-size: 75%;
	float: left;
	text-align:left;
	color: #fff;
}

.update_info h2 {
	margin: 5px;
	font-size: small;
	color: #ffd700;
	background-repeat: no-repeat;
	background-position: left center;
}

.update_info p {
	font-size: small;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


.pub_info .jspVerticalBar {
    width: 5px;
}
.pub_info .jspTrack{
    background: #fbf8a9;
}
.pub_info .jspDrag{
    background: #e8bd00;
}

.pub_info{
	margin:75px 0px 0px 15px;
	background:no-repeat 0px;
	width: 235px;
	height: 250px;
	overflow: auto;
	padding: 10px;
	font-size: 75%;
	float: left;
	text-align:left;
	color: #fff;
}

.pub_info h2 {
	margin: 5px;
	font-size: small;
	color: #ffd700;
	background-repeat: no-repeat;
	background-position: left center;
}
.pub_info img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.pub_info p {
	font-size: small;
	line-height: 1.5em;
	padding-left: 10px;
	padding-right: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#slider {
    margin-top: 30px;
	margin-left: 10px;
	margin-bottom: 10px;
/*    background: #fff; 
    border: 1px solid #ffadd6; */
}

#slider .btn {
    margin: 30px 0px 0px 0;
}

#slider .text {
    margin: 30px 0 0 0;
	width: 350px;
}

#slider .text q {
    float: left;
    line-height: 30px;
    margin-left: 50px;
}


div.blockf {
	clear: both;
}

/*---- camp ---- */

table.camp {
	border: #ffffff 1px solid;
	border-collapse: collapse;
	font-size: 11px;
	width: 950px;
	color: #ffffff;	
} 
table th.camp01_top {
	border: #ffffff 1px dashed;
	background-color: #dc4e9b;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table td.camp01_line01 {
	border: #ffffff 1px dashed;
	background-color: #de89b7;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
table td.camp01_line02 {
	border: #ffffff 1px dashed;
	background-color: #dd6daa;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

table th.camp02_top {
	border: #ffffff 1px dashed;
	background-color: #04b5e8;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table td.camp02_line01 {
	border: #ffffff 1px dashed;
	background-color: #ceeaf2;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	color: #049ae8;	
}
table td.camp02_line02 {
	border: #ffffff 1px dashed;
	background-color: #ace1f1;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	color: #049ae8;	
}

table th.camp03_top {
	border: #ffffff 1px dashed;
	background-color: #db405a;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table td.camp03_line01 {
	border: #ffffff 1px dashed;
	background-color: #fdc8d1;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	color: #db405a;	
}
table td.camp03_line02 {
	border: #ffffff 1px dashed;
	background-color: #ffe2e7;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	color: #db405a;	
}

table th.camp04_top {
	border: #ffffff 1px dashed;
	background-color: #3935b1;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table td.camp04_line01 {
	border: #ffffff 1px dashed;
	background-color: #b5b3fd;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	color: #3935b1;	
}
table td.camp04_line02 {
	border: #ffffff 1px dashed;
	background-color: #ceccff;
	vertical-align: top;
	text-align: left;
	padding: 10px;
	color: #3935b1;	
}




table th.camp0_top {
	border: #A84673 1px dashed;
	background-color: #35140C;
	text-align: left;
	padding: 10px;
	font: bold;
} 
table td.camp0_line01 {
	border: #A84673 1px dashed;
	background-color: #601A32;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
table td.camp0_line02 {
	border: #A84673 1px dashed;
	background-color: #752241;
	vertical-align: top;
	text-align: left;
	padding: 10px;
}

/*---- special ---- */

table.banner {
    margin:0 0 0 1px; padding:0;
    border:0;
    border-spacing:0;
    border-collapse:collapse;
}
table.banner th {
    font:bold 11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#ff54b5;
    border:1px solid #ff54b5;
    letter-spacing:2px;
    text-transform:none;
/*    text-transform:uppercase;*/
    text-align:left;
    padding:6px 6px 6px 12px;
}
table.banner th.nobg {
    border-top:0;
    border-left:0;
    background:none;
	background:#fff;
	font:bold 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.banner td {
    border:1px solid #ff54b5;
    background:#fff;
    padding:6px 6px 6px 12px;
    color:#ffa1bc;
}
table.banner td.alt {
    background:#ffcde8;
    color:#999;
}
table.banner th.light {
    background:#fff;
    font:bold 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
table.banner th.deep {
    background:#ffe3e9;
    font:bold 10px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color:#666;
}