/*============================================================
GLOBAL.CSS
============================================================*/

a:link {
	color: #003366;
}
a:visited {
	color: #336699;
}
a:hover {
	color: #FF6600;
}

/*===================
FLOAT
===================*/
.floatLeft {
	float: left;
}

.floatRight {
	float: right;
}
.clearLeft {
	clear: left;
}

.clearRight {
	clear: right;

}
.clearBoth {
	clear: both;

}

/*===================
TEXT SIZE
===================*/
.small {
	font-size: 90%;
}
.large {
	font-size: 120%;
}

/*===================
TEXT ALIGN
===================*/
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}

/*===================
GO to TOP
===================*/
.gotoTOP {
	padding: 0px;
	margin: 0px 10px 0px 0px;
	text-align: right;
}

/*===================
IMG
===================*/
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.img-floatLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
}

.ishot {
	float: left;
	margin: 0px 20px 1em 0px;
	padding: 3px;
	border: 1px solid #999999;
}

.img-floatRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

/*===================
TABLE
===================*/
table {
	margin: 0px 0px 1em 0px;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 1px;
	font-size: 100%;
	border: 1px solid #000000;
}

th, td {
	border: 1px solid #000000;
	padding: 0.5em;
}

table thead th {
	color: #FFFFFF;
	background-color: #99CC33;
	text-align: center;
}

table tbody th {
	color: #000000;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: normal;
}

/*===================
STRONG
===================*/
strong {
/*	color: #FF6633;*/
}

em {
	color: #FF6633;
	font-weight: normal;
	font-style: normal;
}

/*===================
ADDRESS
===================*/
address {
	font-style: normal;
}

/*===================
FORM
===================*/
form {
	padding: 0px;
	margin:0px;
}








html {
	background-image: url(../images/header/bg_header.gif);
	background-position: left top;
	background-repeat: no-repeat;
}



body {
	padding: 5px;
	margin: 0px;
	color: #333333;
	letter-spacing: 0.2em;
}




/*============================================================
FRAME SET
============================================================*/
div.wrapper {
/*	border: 1px dashed #666666;*/
	padding: 0px;
	margin: 0px;
	position: relative;
}

/*============================================================
HEADER AREA
============================================================*/

div#header {
/*	text-align: center;
	background-color: #666666;*/
	margin: 0px;
	padding: 0px;
	height: 444px;

/*	background-image: url(../images/header/bg_header.gif);
	background-position: left top;
	background-repeat: no-repeat;*/

	position: relative;

}

div#header h1 {
	margin: 0px;
	padding: 0px;
	width: 40px;
	height: 20px;

/*	background-color: #cccccc;*/

	position: absolute;
/*	top: 35px;*/
	top: 0px;
	left: 0px;
}

div#header h1 a {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 40px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;

/**/	background-image: url(../images/header/bg_h1.gif);
/*	background-position: 30px 72px;*/
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

div#header h1 a:hover {
	background-position: 0px 1px;
}


div#header p {
	font-size: 75%;
	margin: 5px 20px 0px 0px;
	padding: 0px;
	text-align: right;
/*	width: 700px;*/
	width: 90%;
	color: #ffffff;

	position: absolute;
	top: 0px;
	right: 0px;
}




div#header h2 {
	margin: 0px;
	padding: 0px;
	height: 75px;
	width: 170px;

/*	background-color: #cccccc;*/

	position: absolute;
	left: 60px;
	bottom: 58px;
}

div#header h2 a {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 170px;
	height: 75px;
	overflow: hidden;
	text-indent: -9999px;
	text-decoration: none;

	background-image: url(../images/header/bg_h2.gif);
	background-position: left bottom;
	background-repeat: no-repeat;

}

div#header h2 a:hover {
	background-position: 0px 1px;
}







/*============================================================
MAINNAVIGATION AREA
============================================================*/

div#navigation {
	margin: 0px 30px 0px 30px;
	padding: 0px;

	position: absolute;
	left: 0px;
	top: 405px;
/*	top: 175px;

	width: 820px;
	text-align: left;*/

}

div#navigation ul {
	margin: 0px;
	padding: 0px;
	position: relative;
}

div#navigation ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 27px;
}

div#navigation ul li a {
	padding: 0px;
	height: 27px;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	overflow: hidden;

	background-position: 0px 0px;
	background-repeat: no-repeat;

	position: absolute;
	top: 0px;
}

div#navigation ul li a:hover {
	background-position: 0px -28px;
}


div#navigation ul li#mmHome a {
	width: 72px;
	left: 0px;
	background-image: url(../images/menu/bt_home.gif);
}

div#navigation ul li#mmTimes a {
	width: 138px;
	left: 72px;
	background-image: url(../images/menu/bt_times.gif);
}

div#navigation ul li#mmShooting a {
	width: 141px;
	left: 210px;
	background-image: url(../images/menu/bt_shootingstar.gif);
}


div#navigation ul li#mmArchives a {
	width: 128px;
	left: 351px;
	background-image: url(../images/menu/bt_archives.gif);
}

div#navigation ul li#mmRss a {
	width: 72px;
	left: 500px;
	background-position: 5px 8px;
	background-image: url(../images/contents/ic_rss.gif);
}

div#navigation ul li#mmRss a:hover {
	background-position: 5px 7px;
}



div#navigation strong {
	color: #FF6633;
}

/*============================================================
CAMPAIGN
============================================================*/

div#campaign {
	padding: 15px;
	margin: 15px;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px dotted #000000;
}

div#campaign h2 {
	padding: 0px;
	margin: 0px 0px 0.5em 0px;
	font-size: 120%;
}

.img-campaign {
	float: left;
	margin-right: 15px;
	margin-bottom: 0px;
}

div#campaign p {
	padding: 0px;
	margin: 0px;
}

/*============================================================
FOOTER AREA
============================================================*/
div#footer {
	color: #000000;
	padding: 20px 10px 10px 10px;
	margin: 0px;
}

div#footer p {
	text-align: center;
	font-size: 75%;
	padding: 0.2em 0px 0.2em 0px;
	margin: 0px;
}


.powerd, .ccl {
	font-size: 75%;
	text-align: right;
	margin: 0px;
	padding: 0.3em 10px 0.3em 0px;
}


div#footer a:link {
	text-decoration: none;
}

/*============================================================
CONTENTS AREA
============================================================*/
div#contents {
	font-size: 90%;
	margin: 0px;
	padding: 0px 20px 0px 20px;
	background-color: #ffffff

	position: relative;
}

div#contents p {
	line-height: 1.7em;
	margin-top: 0px;
	margin-bottom: 1.2em;
}

div#contents p.move {
	width: 100%;
	font-size: 80%;
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: center;
	border-top: 1px dashed #999999;
	color: #666666;
}

div#contents p.move a {
	text-decoration: none;
}

div#contents p.move a.before {
	margin: 0px 0px 0px 0px;
	padding: 0em 0px 0px 30px;
	background-image: url(../images/contents/bg_move_before.gif);
	background-position: left center;
	background-repeat: no-repeat;
}


div#contents p.move a.next {
	margin: 0px 0px 0px 0px;
	padding: 0em 30px 0px 0px;
	background-image: url(../images/contents/bg_move_next.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

div#contents ul.error  {
	color: #FF6600;
	margin-top: 2em;
	margin-bottom: 2em;
}

div#contents ul,
div#contents ol {
	line-height: 1.5em;
}


/*============================================================
auralaid
============================================================*/
.auralaid {
	margin: 0px;
	padding: 0px;
/**/	position: absolute;
	top: -9500px;
	left: -9500px;
}




p#bnWish {
	margin: 0px;
	padding: 0px;

	position: absolute;
/*	left: 490px;
	top: 270px;*/

/**/	left: 0px;
	top: 150px;

	width: 100%;
	height: 80px;

/*	background-color: #ffcccc;*/
	display: block;
}


p#bnWish img {
	border: 1px solid #666666;
}





a#StarWeek {
	margin: 0px;
	padding: 0px;

	position: absolute;
/*	left: 490px;
	top: 270px;*/

	left: 710px;
	top: 402px;
}

a#wishBanner {
	margin: 0px;
	padding: 0px;

	position: absolute;
/*	left: 490px;
	top: 270px;*/

	right: 20px;
	top: 2em;
}

a#wishBanner img {
	border: 5px solid #ffffff;
}












div#wordsForYou {

	font-size: 90%;

	margin: 0px;
	padding: 0px;

	width: 400px;
	height: 275px;
/*	background-color: #ffffff;*/

	position: absolute;
	top: 85px;
	left: 85px;



	background-image: url(../images/wish/bg_words.gif);
	background-position: left top;
	background-repeat: no-repeat;
}



div#wordsForYou ul.words {
	padding: 0px 5px 0px 5px;
	margin: 0px;
	width: 350px;
	height: 235px;
	list-style: none;

/*	overflow: scroll;*/
	overflow: auto;
/*	overflow: hidden;

	background-color: #41444D;*/


	position: relative;
	top: 15px;
	left: 20px;/**/
}

div#wordsForYou ul li {
	padding: 0.5em 0px 0.5em 0px;
	margin: 0px;
	color: #eeeeee;
	line-height: 1.7em;
	border-bottom: 1px dashed #666666;
}

div#wordsForYou ul li span.date1000 {
	font-size: 10px;
	color: #999999;
}

div#wordsForYou ul li span.from1000 {
	font-size: 10px;
	color: #999999;
}

div#wordsForYou ul li a {
	color: #eeeeee;
	border-bottom: 1px dashed #666666;
}

div#wordsForYou p.inputwish {
	position: absolute;
	top: 175px;
	left: 410px;
/*	padding-left: 7px;
	border-left: 7px solid #eeeeee;*/
}

div#wordsForYou p.inputwish a:link {
	color: #eeeeee;
}

div#wordsForYou p.inputwish a:visited {
	color: #eeeeee;
}






/*============================================================
@media print
============================================================*/

@media print {

html {
	background-image: none;
}

body {
	border: 1px solid #000000;
	padding: 0px;
}


div#header {
	height: 100px;
	margin-bottom: 15px;
	background-image: url(../images/header/bg_header.gif);
	background-position: 0px bottom;
	background-repeat: no-repeat;
/**/	background-color: #000000;
}

div#header h1 {
	top: 5px;
	left: 5px;
}

div#header h1 a {
	width: 4em;
}


div#header h1 a {
	width: 4em;
	height: 2em;
	text-indent: 0px;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
/**/	background-image: none;
}

div#header p {
	font-size: 8pt;
}




div#navigation {
	display: none;

}

div#contents {
	font-size: 0.8em;

}


ul.shootingLink{
	display: none;
}

p.move {
	display: none;
}

p.powerd {
	display: none;
}

ul.reader-action {
	display: none;
}

div#comment form {
	display: none;
}

p.trackback-url {
	display: none;
}

.gotoTOP {
	display: none;
}

div#footer p a {
	display: none;
}

div#wordsForYou {
	display: none;
}


}