@charset "utf-8";

@import "reset.css";

/*----------------------------------------------------
基本のスタイル
----------------------------------------------------*/
html {
	height: 100%;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 150%;
	text-align: center;
	height: 100%;
	color: #FF6699;
	background-color: #FFFFFF;
}
h1 {
	display: none;
}
h2 {
	display: none;
}
h3 {
	color: #FF0066;
	text-align: center;
	font-size: 24px;
	padding-bottom: 0.5em;
}
.clear {
	clear: both;
}


/*----------------------------------------------------
indexページのスタイル
----------------------------------------------------*/
#index {
	background-image: url(../img/BgIndex.jpg);
	background-repeat: repeat-x;
}
#index table {
	margin-right: auto;
	margin-left: auto;
	height: 1139px;
	width: 800px;
}
#index p#logo {
	padding-top: 1em;
	padding-bottom: 1em;
}
#index div#charaImg {
	width: 1005px;
	height: 871px;
	background-image: url(../img/index_chara.png);
	behavior: expression(IEPNGFIX.fix(this));
	background-repeat: no-repeat;
	margin-top: 2em;
	margin-bottom: 2em;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
}
#index div#charaImg img {
	margin-top: 50%;
}

/*----------------------------------------------------
フォントのスタイル
----------------------------------------------------*/
.style1 {
	color: #FF0066;
}
.style2 {
	font-size: 14px;
	color: #FF6699;
}
.ico {
	border: 1px solid #FF6699;
}

a:link {
	color: #FF9999;
	text-decoration: underline;
}
a:visited {
	color: #FF9900;
	text-decoration: underline;
}
a:hover {
	color: #66CCFF;
	text-decoration: underline;
}
a:active {
	color: #66CCFF;
	text-decoration: underline;
}

/*----------------------------------------------------
基本のスタイル
----------------------------------------------------*/
div#container {
	height: 100%;
	width: 100%;
}
div#header {
	background-image: url(../img/bar.jpg);
	background-repeat: repeat-x;
	height: 25px;
	width: 100%;
}
div#content {
	width: 826px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/content_bg.jpg);
	background-repeat: repeat-y;
	text-align: center;
}
div#navi {
	color: #FF9999;
	text-align: left;
	margin-left: auto;
	width: 802px;
	margin-right: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
}
div#navi p {
	float: left;
}
div#navi #copyright {
	float: right;
}
#g_navi {
	width: 826px;
}
#g_navi ul {
	height: auto;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
#g_navi li {
	float: left;
	width: auto;
}
div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 3em;
}

/*----------------------------------------------------
キャラクターページ
----------------------------------------------------*/
#character div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*----------------------------------------------------
ダウンロードページ
----------------------------------------------------*/
#download div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.mirror {
	width: 515px;
	margin-right: auto;
	margin-left: auto;
}
.mirror td {
	background-color: #FFC1C1;
	font-size: 12px;
	width: 50%;
	text-align: left;
	padding: 3px;
}
.mirror .mirrorList {
	background-color: #FFE8E8;
}
.mirror a:link {
	color: #FF0066;
	text-decoration: underline;
}
.mirror a:visited {
	color: #FF6699;
	text-decoration: underline;
}
.mirror a:hover {
	color: #66CCFF;
	text-decoration: underline;
}
.mirror a:active {
	color: #66CCFF;
	text-decoration: underline;
}
.utikesi {
	text-decoration: line-through;
}

/*----------------------------------------------------
イントロダクションページ
----------------------------------------------------*/
#introduction  div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/*----------------------------------------------------
イベントCGページ
----------------------------------------------------*/
#ecg div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.ecgTable {
	width: 750px;
	margin-right: auto;
	margin-left: auto;
}
.ecgTable td {
	height: auto;
	width: auto;
	text-align: center;
	padding: 5px;
}
.ecgText {
	height: auto;
	width: 710px;
	text-align: left;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	line-height: 150%;
	color: #666666;
}
.ecgText p {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF9999;
}
#ecg .haruna {
	color: #FF0066;
}
#ecg .nonomi {
	color: #FF6600;
}
#ecg .nano {
	color: #009999;
}
#ecg .nerisu {
	color: #3399FF;
}

/*----------------------------------------------------
シスターマジックミステリーツアーページ
----------------------------------------------------*/
#tour div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.tourText {
	height: auto;
	width: 710px;
	text-align: left;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
	padding: 20px;
	line-height: 150%;
	color: #666666;
}
/*はるな*/
#tour .haruna {
	color: #FF0066;
	border: 1px dashed #FF0066;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0em;
	padding: 0px;
}
#tour .haruna td {
	margin: 0px;
	padding: 0px;
}
#tour .haruna .ico {
	color: #FF0066;
	height: 125px;
	width: 125px;
}
#tour .haruna .ico img {
	border: 1px solid #FF0066;
	margin: 0.5em;
}
#tour .haruna .name{
	font-weight: bold;
	vertical-align: top;
	height: 2em;
}
#tour .haruna .name p{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF0066;
	margin-right: 1em;
	margin-left: 0.5em;
}
#tour .haruna .text{
	color: #FF0066;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	padding-top: 0em;
}
#tour .haruna .text p{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF0066;
	margin-right: 1em;
	margin-left: 0.5em;
}

/*ののみ*/
#tour .nonomi {
	color: #FF6600;
	border: 1px dashed #FF6600;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#tour .nonomi td {
	margin: 0px;
	padding: 0px;
}
#tour .nonomi .ico {
	color: #FF6600;
	height: 125px;
	width: 125px;
}
#tour .nonomi .ico img {
	border: 1px solid #FF6600;
	margin: 0.5em;
}
#tour .nonomi .name{
	font-weight: bold;
	vertical-align: top;
	height: 2em;
}
#tour .nonomi .name p{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF6600;
	margin-right: 1em;
	margin-left: 0.5em;
}
#tour .nonomi .text{
	color: #FF6600;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	padding-top: 0em;
}
#tour .nonomi .text p{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6600;
	margin-right: 1em;
	margin-left: 0.5em;
}

/*なの*/
#tour .nano {
	color: #009999;
	border: 1px dashed #009999;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#tour .nano td {
	margin: 0px;
	padding: 0px;
}
#tour .nano .ico {
	color: #009999;
	height: 125px;
	width: 125px;
}
#tour .nano .ico img {
	border: 1px solid #009999;
	margin: 0.5em;
}
#tour .nano .name{
	font-weight: bold;
	vertical-align: top;
	height: 2em;
}
#tour .nano .name p{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #009999;
	margin-right: 1em;
	margin-left: 0.5em;
}
#tour .nano .text{
	color: #009999;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	padding-top: 0em;
}
#tour .nano .text p{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #009999;
	margin-right: 1em;
	margin-left: 0.5em;
}

/*ネリス*/
#tour .nerisu {
	color: #3399FF;
	border: 1px dashed #3399FF;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
#tour .nerisu td {
	margin: 0px;
	padding: 0px;
}
#tour .nerisu .ico {
	color: #3399FF;
	height: 125px;
	width: 125px;
}
#tour .nerisu .ico img {
	border: 1px solid #3399FF;
	margin: 0.5em;
}
#tour .nerisu .name{
	font-weight: bold;
	vertical-align: top;
	height: 2em;
}
#tour .nerisu .name p{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3399FF;
	margin-right: 1em;
	margin-left: 0.5em;
}
#tour .nerisu .text{
	color: #3399FF;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	vertical-align: top;
	padding-top: 0em;
}
#tour .nerisu .text p{
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #3399FF;
	margin-right: 1em;
	margin-left: 0.5em;
}

/*----------------------------------------------------
スペシャルページ
----------------------------------------------------*/
#special div#mainContent {
	width: auto;
	margin-right: auto;
	margin-left: auto;
	height: auto;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
/*----------------------------------------------------
レフトコンテンツのスタイル
----------------------------------------------------*/
div#leftContent {
	height: auto;
	width: 220px;
	float: left;
}
/*----------------------------------------------------
ライトコンテンツのスタイル
----------------------------------------------------*/
div#rightContent {
	height: auto;
	width: 540px;
	text-align: left;
	float: right;
}
.midasi {
	padding-bottom: 1em;
}
.midashiImg {
	padding-top: 1em;
	padding-bottom: 1em;
}
.text {
	width: auto;
	height: auto;
	color: #666666;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.text dl {
	width: auto;
	height: auto;
	background-image: url(../img/bg_mahoujin.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.text dt {
	float: left;
	width: 8em;
	padding: 2px;
}
.text dd {
	padding: 2px;

}
.mailForm {
	padding: 1em;
}
.mailForm dl {
	height: auto;
	width: auto;
}
.mailForm dt {
	float: left;
	width: 5em;
	padding: 2px;
	font-weight: bold;
	color: #FF0066;
	height: auto;
}
.mailForm dd {
	padding: 2px;
	height: auto;
	width: auto;
}
.text {
}
div#assistNavi {
	width: 826px;
	margin-right: auto;
	margin-left: auto;
}
div#assistNavi ul {
	height: auto;
	width: 500px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-bottom: 1em;
}
div#assistNavi li {
	float: left;
	width: auto;
	height: auto;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FF9999;
	text-align: center;
	padding-right: 1em;
	padding-left: 1em;
}
div#assistNavi a:link {
	color: #FF9999;
	text-decoration: none;
}
div#assistNavi a:visited {
	color: #FF9999;
	text-decoration: none;
}
div#assistNavi a:hover {
	color: #66CCFF;
	text-decoration: none;
}
div#assistNavi a:active {
	color: #66CCFF;
	text-decoration: none;
}
/*----------------------------------------------------
更新情報のスタイル
----------------------------------------------------*/
div.logbox {
	border: 1px solid #FF6699;
	width: auto;
	height: 150px;
	overflow: auto;
	text-align: left;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #666666;
	background-image: url(../img/bg_moyou.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
div.logbox dl {
	width: 100%;
}
div.logbox dt {
	width: 100%;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6699;
	color: #FF6699;
}
div.logbox dd {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
/*----------------------------------------------------
投票ページのスタイル
----------------------------------------------------*/
.tableVote {
	margin-right: auto;
	margin-left: auto;
	width: 600px;
}
/*----------------------------------------------------
応援バナーページのスタイル
----------------------------------------------------*/
p.banner {
	height: 20px;
	width: 600px;
	background-color: #FF9999;
	margin-right: auto;
	margin-left: auto;
	font-weight: bold;
	color: #FFFFFF;
}
textarea#banner {
	width: 600px;
	border: 1px solid #FF9999;
	font-size: 12px;
	color: #FF9999;
}
/*----------------------------------------------------
特典ページのスタイル
----------------------------------------------------*/
#tokuten div.logbox {
	border: 1px solid #FF6699;
	width: 60%;
	height: 150px;
	overflow: auto;
	text-align: left;
	padding: 0.5em;
	margin-bottom: 1em;
	color: #666666;
	background-image: url(../img/bg_moyou.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	margin-right: auto;
	margin-left: auto;
}
#tokuten div.logbox dl {
	width: 100%;
}
#tokuten div.logbox dt {
	width: 100%;
	margin: 0px;
	font-weight: bold;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	height: auto;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FF6699;
	color: #FF6699;
}
#tokuten div.logbox dd {
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 0em;
	padding-right: 0px;
	padding-bottom: 0em;
	padding-left: 0px;
	margin-top: 0.5em;
	margin-bottom: 1em;
}
#tokuten .tel_table {
	margin-right: auto;
	margin-left: auto;
}
#tokuten .tel_table td {
	text-align: center;
}
/*----------------------------------------------------
フッターのスタイル
----------------------------------------------------*/
div#footer {
	height: 25px;
	width: 100%;
	background-image: url(../img/bar.jpg);
	background-repeat: repeat-x;
}