/*----------------------------------------------------
    マジカルインデックススタイル
----------------------------------------------------*/
/* charset */
@charset "utf-8";

.arrow{
    color: #444444;
    font-size: 90%;
    font-family: verdana;
    font-weight: bold;
    text-decoration: none;
    margin-right: 2px
}
p {
    font-size: 12px;
    line-height: 1.4;
}
.textR { text-align: right; }
.textL { text-align: left; }
.textC { text-align: center; }
/* */ a { outline:none; overflow:hidden; } /**/
.colorR { color: #FF6600; }
.colorG { color: #4C9606; }
.colorB { color: #0F8BCD; }
.colorP { color: #FF0066; }
.fsizeL { font-size: 16px; font-weight: bold;}
.fsizeS { font-size: 11px; }
img { border: none; }
hr { display: none; }


/* main image 
---------------------------------------------------*/
#magicalContents { 
    width: 590px; 
    margin: 10px auto; 
    padding: 0 37.5px;
}

#magicalLogin {
    width: 593px;
    margin:0;
}
#magicalLogin table{
    background: #8DC000 url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_mainImg_08.gif) bottom no-repeat;
}
#magicalLogin td.userName{
    color: #FFFFFF;
    padding-left: 90px;
}
#magicalHelp {
    width: 580px;
    margin: 5px 0 15px;
    font-size: 11px;
    text-align: right;
}
#magicalHelp a {
    font-size: 12px;
    color: #591C00;
    background:#EEEEEE;
}
#magicalHelp a:hover { color:#FF0066; }


/* kanban image 
---------------------------------------------------*/
#kanban {
    width: 580px;
    margin: 0 0 10px;
    border: solid 1px #DDDDDD;
}
#kanban h4 {
    font-size: 18px;
    margin: 10px 0 10px;
}
#kanban p {
    font-size: 12px;
    margin: 10px 0 10px;
}
#kanban .space5 {
    padding: 5px;
}
#kanban .space515 {
    padding: 5px 0 5px 15px;
}
#kanban .button {
    text-align: right;
}

/* menu tab (Login)
---------------------------------------------------*/
#magicalCtgryIn {
    height: 25px;
    font-size: 12px;
    line-height: 1.5;
    text-align: center;
    margin: 5px 0px 15px;
    padding: 0px;
    border-bottom: 2px solid #99CC00;
    overflow: hidden;
}
#magicalCtgryIn li {
    width: 141px;
    height: 25px;
    float: left;
    margin: 0 2px 0 2px !important;
    margin/**/: 0 2px 0 1px;
    text-align: center;
    background-image: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_menuBg_02.gif);
    background-repeat: no-repeat;
    background-position: 100% 0px;
}
#magicalCtgryIn li a {
    width: 141px;
    height: 25px;
    display: block;
    padding: 5px 0 5px;
    _padding: 2px 0 2px;
    color: #000000;
    text-decoration: underline;
}
#magicalCtgryIn li.selected {
    width: 141px;
    height: 25px;
    float: left;
    margin: 0 2px 0 2px !important;
    margin/**/: 0 2px 0 1px;
    text-align: center;
    background-image: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_menuBg_02.gif);
    background-repeat: no-repeat;
    background-position: 100% -100px;
}
#magicalCtgryIn li.selected a {
    width: 141px;
    height: 25px;
    display: block;
    padding: 5px 0 5px;
    _padding: 2px 0 2px;
    color: #FFFFFF;
    text-decoration: underline;
}

/* menu tab (Login)
---------------------------------------------------*/
.magicalCtgrySa {
    text-align: left;
    margin: 5px 0px 15px;
    padding: 0px;
    border-bottom: 1px solid #EEEEEE;
}


/* contents layout
---------------------------------------------------*/
#magicalContent {
    width: 580px;
    padding-bottom: 15px;
    margin: 0;
}
#magicalContent .topR {
    width: 190px !important;
    width/**/: 190px;
    float: right;
    padding-left: 10px;
}
#magicalContent .magical_topL {
    width: 360px !important;
    width/**/: 370px;
    float: left;
    padding-right: 10px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/dot.gif") right top repeat-y;
}
#magicalContent .mypageR {
    width: 390px;
    float: right;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_05.gif) repeat-y top;
    overflow: hidden;
}
#magicalContent .mypageL {
    width: 180px;
    float: left;
    text-align: left;
}


/* contents base style
---------------------------------------------------*/
#magicalContent a { background:#EEEEEE; text-decoration:underline; }
#magicalContent a:link    { color:#000000; }
#magicalContent a:visited { color:#000000; }
#magicalContent a:hover   { color:#FF0066; }
#magicalContent a:active  { color:#000000; }

#magicalContent h4 {
    font-size: 12px;
    text-align: left;
}
#magicalContent p {
    margin: 10px 0 15px;
}
#magicalContent em {
    display: block;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #FF9933;
    margin: 10px 0 10px;
}
#magicalContent li {
    margin: 10px 0 0;
}
#magicalContent li img {
    margin-right: 15px;
}


/* menu tab (Result)
---------------------------------------------------*/
#tabMenu {
    width: 380px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    border-bottom: solid 2px #FF9A03;
    background-color: #FFF2C8;
    overflow: hidden;
}
#tabMenu p {
    padding: 20px 20px 0 10px;
    text-align :left;
}
#tabMenu strong {
    font-size: 16px;
}
#tabMenu ul {
    height: 26px;
    padding: 0;
}
#tabMenu li {
    width: 124px;
    height: 26px;
    margin: 0 1px 0;
    padding: 0;
    float: left;
}
#tabMenu li img {
    padding: 0;
    margin: 0;
}
#tabMenu li a {
    width: 124px;
    height: 26px;
    display: block;
    background-color: #FFF2C8;
    text-decoration:noen;
    margin: 0;
    padding: 0;
}
#tabMenu_top {
    width: 380px;
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0;
    background-color: #F3F3F3;
    overflow: hidden;
}


/* contents magical pattern style
---------------------------------------------------*/
#magicalContent .patternTop {
    width: 180px;
    background-color: #FFF2C8;
    overflow: hidden;
}
#magicalContent .patternBottom {
    width: 180px;
    height: 7px;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_02.gif) no-repeat top;
    margin: 0 auto;
    padding: 0;
}
#magicalContent .patternTop p {
    text-align: center;
    font-weight: bold;
    margin: 3px 10px 0;
}
#magicalContent .threeType {
    width: 180px;
    margin: 0px auto 20px;
}
#magicalContent .threeType p {
    font-size: 11px;
    margin: 3px 0 0;
}
#magicalContent .imgCenter {
    text-align: center;
}


/* contents main area style
---------------------------------------------------*/
#magicalContent .flameTop {
    width: 390px;
    text-align: center;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_03.gif) no-repeat top;
    padding-top: 5px;
    overflow: hidden;
}
#magicalContent .flameBottom {
    width: 390px;
    height: 8px;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_04.gif) no-repeat bottom;
    margin: 0;
    padding: 0;
}
#magicalContent .flameTop p {
    text-align: left;
    margin: 0 20px 15px;
}
#magicalContent .flameTop h5 {
    font-size: 12px;
    text-align: left;
    margin: 0 0 15px;
}
#magicalContent .flameTop h5 a {
    font-weight: normal;
}
#magicalContent .flameTop dl {
    width: 370px;
    margin: 0 auto;
    padding: 10px 0 10px;
}
#magicalContent .flameTop dt {
    float: left;
    width: 80px;
}
#magicalContent .flameTop dd {
    float: right;
    width: 290px;
    font-size: 12px;
    text-align: left;
    line-height: 1.2;
}


/* contents weather list style
---------------------------------------------------*/
#weekWeather li {
    width: 350px;
    text-align: left;
    margin-top: 1px;
    margin-bottom: 1px;
    margin-right: auto;
    margin-left: auto;
    border-bottom: dotted 2px #CCCCCC;
    overflow: hidden;
}


/* contents dotline Box style
---------------------------------------------------*/
#magicalContent .dotLineBox {
    width: 350px;
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 0 0;
    border-top: dotted 2px #CCCCCC;
    overflow: hidden;
}
#magicalContent .dotLineBox p {
    margin-right: 0;
    margin-left: 0;
}
#magicalContent .dotLineBox dl {
    width: 350px;
    padding: 10px 0 10px;
    overflow: hidden;
    clear: both;
}
#magicalContent .dotLineBox dt {
    float: left;
    width: 40px;
}
#magicalContent .dotLineBox dd {
    float: right;
    width: 300px;
    font-size: 12px;
    text-align: left;
    line-height: 1.2;
}
#magicalContent .dotLineBox2 {
    width: 580px;
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    padding: 5px 0 0;
    border-top: dotted 2px #CCCCCC;
    overflow: hidden;
}
#magicalContent .dotLineBox2 p {
    line-height: 1.8;
}
#magicalContent .dotLineBox2 img {
    margin: 0 0 0 50px;
}

/* contents mygroup list style
---------------------------------------------------*/
#memberList {
    width: 190px;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_grpImg_06.gif) repeat-y top;
    margin-bottom: 10px;
    overflow: hidden;
}
#memberList h4 {
    padding: 4px 10px 4px 15px;
    margin: 0 0 1px;
}
#memberList .ctgName {
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_grpImg_05.gif) no-repeat bottom;
}
#memberList li {
    border-bottom: solid 1px #FFFFFF;
    padding: 1px 10px 1px 15px;
    margin: 0 0 3px;
}
#memberList li.select {
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_grpImg_07.gif) no-repeat center;
    border-bottom: solid 1px #FFFFFF;
    padding: 1px 10px 1px 15px;
    margin: 0 0 3px;
}
#memberList li img {
    margin-right: 7px;
}
#memberList a {
    background:none;
}
.memberListBtm {
    width: 190px;
    height: 5px;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_grpImg_08.gif) no-repeat bottom;
    margin: 0;
    padding: 0;
}


/* contents mypage detail style
---------------------------------------------------*/
.myDetail {
    width: 350px;
    margin: 0 auto;
    padding: 10px 0 10px;
    overflow: hidden;
    text-align:left;
}


/* contents table
---------------------------------------------------*/
#magicalContent table.posCenter {
    margin: 0 auto;
    text-align: center;
}
#magicalContent td.space10 {
    padding: 10px 0 10px;
}
#magicalContent td {
    line-height: 1.2;
    font-size: 95%;
    word-spacing: 0;
    font-size: 12px;
}

/* title bar 
---------------------------------------------------*/
h4.title01 {
    width: 185px;
    overflow: hidden;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_02.gif") left bottom no-repeat;
    margin: 10px 0 10px;
}
h4.title01 span {
    display: block;
    width: 185px;
    color: #000000;
    text-align: center;
    padding: 3px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_01.gif") left top no-repeat;
}
h4.title02 {
    width: 580px;
    overflow: hidden;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_04.gif") left bottom no-repeat;
    margin: 10px 0 10px;
}
h4.title02 span {
    display: block;
    width: 580px;
    color: #000000;
    padding: 5px 3px 5px 15px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_03.gif") left top no-repeat;
}
h4.title03 {
    width: 370px;
    overflow: hidden;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_06.gif") left bottom no-repeat;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
}
h4.title03 span {
    display: block;
    width: 370px;
    color: #000000;
    text-align: left;
    padding: 5px 3px 5px 15px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_05.gif") left top no-repeat;
}
h4.title04 {
    width: 580px;
    overflow: hidden;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_08.gif") left bottom no-repeat;
    margin: 10px 0 10px;
}
h4.title04 span {
    display: block;
    width: 580px;
    color: #000000;
    padding: 5px 3px 5px 15px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_07.gif") left top no-repeat;
}
h4.title05 {
    border-left: solid 6px #FF9900;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: auto;
    margin-left: auto;
}
h4.title05 span {
    color: #000000;
    text-align: left;
}
h4.title06 {
    width: 180px;
    height: 30px;
    font-size: 12px;
    text-indent: -9999px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_01.gif") top left no-repeat;
}


/* form (div version)
---------------------------------------------------*/
#magicalFormS,#magicalFormSG {
    width: 180px;
    text-align: center;
    padding-bottom: 15px;
}
#magicalFormL {
    text-align: center;
    padding-bottom: 15px;
}
#magicalFormS h4,#magicalFormSG h4,#magicalFormL h4 {
    font-size: 14px;
    text-indent: -9999px;
    margin: 0 auto;
}
h4.title01f {
    width: 482px;
    height: 31px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_01.gif") top left no-repeat;
}
h4.title02f {
    width: 482px;
    height: 31px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_02.gif") top left no-repeat;
}
h4.title03f {
    width: 180px;
    height: 30px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_03.gif") top left no-repeat;
}
h4.title04f {
    width: 180px;
    height: 30px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_04.gif") top left no-repeat;
}
h4.title05f {
    width: 180px;
    height: 21px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_05.gif") top left no-repeat;
}
#magicalFormL form{
    width: 482px;
    font-size: 12px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formBg_01.gif") bottom left no-repeat;
    margin: 0 auto;
    padding-bottom: 10px;
    overflow: hidden;
}
#magicalFormS form{
    width: 180px;
    font-size: 12px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formBg_02.gif") bottom left no-repeat;
    margin: 0 auto;
    padding-bottom: 10px;
    overflow: hidden;
}
#magicalFormSG form{
    width: 180px;
    font-size: 12px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_formBg_03.gif") bottom left no-repeat;
    margin: 0 auto;
    padding-bottom: 10px;
    overflow: hidden;
}
#magicalFormS p,#magicalFormL p {
    font-size: 12px;
    padding: 10px 0 0;
    margin: 0 12px 10px;
}
#magicalFormSG p {
    font-size: 12px;
    padding: 5px 0 0;
    margin: 0 12px 5;
}
.topSpace {
    margin: 10px;
}


/* form (table version)
---------------------------------------------------*/
#customForm table {
    border-top:solid 1px #FF9900;
    border-bottom:none;
    border-right:none;
    border-left:none;
    margin-bottom: 10px;
}
#customForm td{
    border-top:none;
    border-bottom:solid 1px #FF9900;
    border-right:solid 1px #FF9900;
    border-left:none;
    background-color:#FFFFFF;
    font-size:12px;
    padding:5px;
}
#customForm th{
    border-top:none;
    border-bottom:solid 1px #FF9900;
    border-right:none;
    border-left:solid 1px #FF9900;
    background-color:#F3F3F3;
    font-size:12px;
    font-weight:normal;
    padding:5px;
    text-align:left;
}
#customForm .submitBtn {
    margin: 5px 0 5px;
    text-align:center;
}


/* doubutu enquete
---------------------------------------------------*/
#d_enquete {
    width: 580px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_03.gif") top center no-repeat;
    border: solid 1px #CCCCCC;
    text-align:center;
    margin: 0 0 10px;
    overflow: hidden;
}
#d_enquete .posLeft {
    width: 500px;
    text-align: left;
    margin: 0 auto;
}
#d_enquete .qestion {
    width: 500px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_Icon_04.gif") top left no-repeat;
    background-position: 0px 2px;
    border-bottom: dotted 2px #CCCCCC;
    margin-top: 35px;
    margin-bottom: 0;
    overflow: hidden;
}
#d_enquete h4,#d_enquete p {
    font-size: 16px;
    font-weight: bold;
    padding: 0 0 5px 25px;
}
#d_enquete h4 span,#d_enquete p span {
    font-size: 11px;
}
#d_enquete h4.bk {
    width: 125;
    height: 20px;
    font-size: 12px;
    text-indent: -9999px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_09.gif") top left no-repeat;
    margin: 40px 0 0 0;
}
#d_enquete h4.res {
    width: 79;
    height: 18px;
    font-size: 12px;
    text-indent: -9999px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_04.gif") top left no-repeat;
    margin: 40px 0 0 0;
}
#d_enquete h4.doubutsu {
    width: 148;
    height: 23px;
    font-size: 12px;
    text-indent: -9999px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_05.gif") top left no-repeat;
    margin: 30px 0 5px 0;
}
#d_enquete h4.sex {
    width: 148;
    height: 23px;
    font-size: 12px;
    text-indent: -9999px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_06.gif") top left no-repeat;
    margin: 30px 0 5px 0;
}
#d_enquete h4.comment {
    width: 148;
    height: 23px;
    font-size: 12px;
    text-indent: -9999px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_10.gif") top left no-repeat;
    margin: 30px 0 5px 0;
}
#d_enquete a { text-decoration:none; }
#d_enquete a:link    { color:#000000; }
#d_enquete a:visited { color:#000000; }
#d_enquete a:hover   { color:#FF0066; text-decoration:underline;}
#d_enquete a:active  { color:#000000; }
#d_enquete a.pink { background:#FFD4E3; text-decoration:underline;}
#d_enquete form,#d_enquete ul,#d_enquete .ansBox {
    width: 500px;
    margin-top: 20px;
    margin-bottom: 0;
    overflow: hidden;
}
#d_enquete li {
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_Icon_04.gif") top left no-repeat;
    background-position: 0px 1px;
    border-bottom: solid 1px #CCCCCC;
    padding: 0 0 5px 25px;
    margin: 0 0 5px;
}
#d_enquete textarea{
    width: 400px;
}
#d_enquete .qesSelect {
    margin: 0 0 10px;
}
#d_enquete .textLink {
    width: 500px;
    margin-top: 5px;
    margin-bottom: 20px;
}
.nolink {
    color: #DDDDDD;
}
.pagelinks {
    text-align: center;
    margin: 25px 0 10px;
    padding: 0;
}
#d_enquete dl {
    width: 500px;
    padding: 0 0 10px !important;
    padding/**/: 0 0 5px;
    overflow: hidden;
    clear: both;
}
#d_enquete dt {
    float: left;
    width: 50px;
}
#d_enquete dd {
    float: right;
    width: 450px;
    text-align: left;
}
#d_enquete .comBoxTxt {
    padding: 15px 5px 15px 30px;
}
#d_enquete .comBoxTop {
    width: 450px;
    background: url("https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_07.gif") top left no-repeat;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.2;
    margin: 0;
    padding: 0;
}
#d_enquete .comBoxBtm {
    width: 450px;
    height: 3px;
    background: url(https://image.excite.co.jp/jp/fortune/magical/2007/magical_enqImg_08.gif) top left no-repeat;
    margin: 0;
    padding: 0;
}


/* option 
---------------------------------------------------*/
#magicalOffi {
    width: 580px;
    height: 170px;
    margin-top: 20px;
    background-color: #F5F5F5;
    border-top: dotted 2px #CCCCCC;
    border-bottom: dotted 2px #CCCCCC;
    overflow: hidden;
}
#magicalOffi p {
    padding: 5px 10px 5px 15px;
}
#magicalOffi .image {
    float: right;
    margin: 5px 0 0 5px;
}
#magicalSamp {
    font-size: 12px;
    line-height: 1.7;
    padding:7px 10px 7px;
    background-color:#F3F3F3;
    border-top:dotted 2px #CCCCCC;
    border-bottom:dotted 2px #CCCCCC;
}
.loginBox { margin: 15px 0 15px; }
.nyText {display:block; font-size: 12px; line-height:1.4; margin-top:2px; }