/* base style 
---------------------------------------------------*/
body,div,h1,h2,h3,h4,p,ul,ol,li,dl,dt,dd,form,input,select {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style:none;
}
.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; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \:/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */


/* main image 
---------------------------------------------------*/
#magicalMain {
	width: 580px;
}
#magicalLogin {
	width: 580px;
}
#magicalLogin table{
	background: #8DC000 url(http://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 (Logout)
---------------------------------------------------*/
.magicalCtgryOut {
	height: 25px;
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
	margin: 5px 0px 15px;
	padding: 0px;
	border-bottom: 2px solid #FF9900;
	overflow: hidden;
}
.magicalCtgryOut li {
	width: 189px;
	height: 25px;
	float: left;
	margin: 0 2px 0 2px !important;
	margin/**/: 0 2px 0 1px;
	text-align: center;
	background-image: url(http://image.excite.co.jp/jp/fortune/magical/2007/magical_menuBg_01.gif);
	background-repeat: no-repeat;
	background-position: 100% 0px;
}
.magicalCtgryOut li a {
	width: 189px;
	height: 25px;
	display: block;
	padding: 5px 0 5px;
	_padding: 2px 0 2px;
	color: #000000;
	text-decoration: underline;
}
.magicalCtgryOut li.selected {
	width: 189px;
	height: 25px;
	float: left;
	margin: 0 2px 0 2px !important;
	margin/**/: 0 2px 0 1px;
	text-align: center;
	background-image: url(http://image.excite.co.jp/jp/fortune/magical/2007/magical_menuBg_01.gif);
	background-repeat: no-repeat;
	background-position: 100% -100px;
}
.magicalCtgryOut li.selected a {
	width: 189px;
	height: 25px;
	display: block;
	padding: 5px 0 5px;
	_padding: 2px 0 2px;
	color: #FFFFFF;
	text-decoration: underline;
}


/* 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(http://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(http://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;
}


/* 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 layout
---------------------------------------------------*/
#magicalContent {
	width: 580px;
	padding-bottom: 15px;
}
#magicalContent .topR {
	width: 200px !important;
	width/**/: 210px;
	float: right;
	padding-left: 10px;
}
#magicalContent .topL {
	width: 360px !important;
	width/**/: 370px;
	float: left;
	padding-right: 10px;
	background: url("http://image.excite.co.jp/jp/fortune/magical/2007/dot.gif") right top repeat-y;
}
#magicalContent .mypageR {
	width: 390px;
	float: right;
	background: url(http://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_05.gif) repeat-y top;
	overflow: hidden;
}
#magicalContent .mypageL {
	width: 190px;
	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;
}


/* contents magical pattern style
---------------------------------------------------*/
#magicalContent .patternTop {
	width: 180px;
	background-color: #FFF2C8;
	overflow: hidden;
}
#magicalContent .patternBottom {
	width: 180px;
	height: 7px;
	background: url(http://image.excite.co.jp/jp/fortune/magical/2007/magical_baseBg_02.gif) no-repeat top;
	margin: 0;
	padding: 0;
}
#magicalContent .patternTop p {
	text-align: center;
	font-weight: bold;
	margin: 3px 10px 0;
}
#magicalContent .threeType {
	width: 180px;
	margin: 5px 0 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(http://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(http://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;
	overflow: hidden;
}
#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(http://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(http://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(http://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(http://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;
}


/* title bar 
---------------------------------------------------*/
h4.title01 {
	width: 185px;
	overflow: hidden;
	background: url("http://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("http://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_01.gif") left top no-repeat;
}
h4.title02 {
	width: 580px;
	overflow: hidden;
	background: url("http://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("http://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_03.gif") left top no-repeat;
}
h4.title03 {
	width: 370px;
	overflow: hidden;
	background: url("http://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("http://image.excite.co.jp/jp/fortune/magical/2007/magical_ttlBg_05.gif") left top no-repeat;
}
h4.title04 {
	width: 580px;
	overflow: hidden;
	background: url("http://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("http://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("http://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("http://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_01.gif") top left no-repeat;
}
h4.title02f {
	width: 482px;
	height: 31px;
	background: url("http://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_02.gif") top left no-repeat;
}
h4.title03f {
	width: 180px;
	height: 30px;
	background: url("http://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_03.gif") top left no-repeat;
}
h4.title04f {
	width: 180px;
	height: 30px;
	background: url("http://image.excite.co.jp/jp/fortune/magical/2007/magical_formTtl_04.gif") top left no-repeat;
}
h4.title05f {
	width: 180px;
	height: 21px;
	background: url("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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("http://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(http://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: 160px;
	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; }