/*============================================================
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: 2px;
}

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: 1.5em 73px 10px 10px;
	margin: 0px;
	color: #333333;
	letter-spacing: 0.2em;

	background-image: url(../images/wish/bg_wish_pr.gif);
	background-position: right 1em;
	background-repeat: no-repeat;
}




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

	background-color: #ffffff;
}

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

div#header {
/*	text-align: center;*/
	background-color: #2A2F38;
	margin: 0px;
	padding: 0px;
	height: 400px;

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

	position: relative;

}

div#header h1 {
	margin: 0px;
	padding: 0px;
	width: 180px;
	height: 130px;

/*	background-color: #cccccc;*/

	position: absolute;
	bottom: 5px;
	right: 40px;
}

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

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

div#header h1 a:hover {
	background-position: 30px 73px;
}


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

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




div#header h2 {
	margin: 0px;
	padding: 0px;
/*	height: 75px;
	width: 150px;
	text-indent: -9999px;
	background-color: #cccccc;*/

	position: absolute;
	left: 0px;
	top: -1.5em;

	font-size: 80%;
	font-weight: normal;
}

div#header h2 a {
	margin: 0px;
	padding: 0px;
	display: block;
	width: 150px;
	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
============================================================*/

ul#navigation {
	text-align: center;
	font-size: 85%;
	margin: 0px 20px 0px 20px;
	padding: 0px 0px 0.5em 0px;
	border-bottom: 1px dashed #cccccc;
}

ul#navigation li {
	display: inline;
	margin: 0px;
	padding: 0px 0px 0px 25px;
	border-left: 1px solid #cccccc;

	background-image: url(../images/contents/bg_comment.gif);
	background-position: left center;
	background-repeat: no-repeat;
}

ul#navigation li a:link {
	text-decoration: none;
}

ul#navigation li a:visited {
	text-decoration: none;
}

ul#navigation li a:hover {
	text-decoration: underline;
}

/*============================================================
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: 10px 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;
}


/*============================================================
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: 400px;
/*	font-size: 80%;*/
	padding-top: 0.5em;
	margin-bottom: 0.5em;
	text-align: right;
	color: #666666;

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

div#contents p.move a {
	color: #999999;
	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;
}




div#wordsForYou {
	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 div.mainArea {
	padding: 0px 5px 0px 5px;
	margin: 0px;
	width: 350px;
	height: 235px;

	overflow: auto;



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

div#wordsForYou div.mainArea h3 {
	padding: 0px 0px 0.1em 0px;
	margin: 0px 0px 1em 0px;
	cont-size: 85%;
	color: #eeeeee;
	border-bottom: 1px solid #cccccc;
}

div#wordsForYou div.mainArea h4 {
	padding: 0px 0px 0em 5px;
	margin: 0px 0px 0.5em 0px;
	cont-size: 70%;
	color: #eeeeee;
	border-left: 5px solid #cccccc;
}

div#wordsForYou div.mainArea p {
	color: #eeeeee;
}



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: 0px;
	margin: 0px;
	color: #eeeeee;
	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;
}




ul.wordsInput {
	zoom: 100%;
	padding: 0px 0px 1em 0px;
	margin: 1em 0px 0.5em 0px;
	list-style: none;
/*	background-color: #41444D;*/
	border-bottom: 1px dashed #cccccc;

	position: relative;
}

ul.wordsInput li {
	padding: 0px;
	margin: 0px;
/*	display: inline;*/
}

ul.wordsInput li.wordsName {
	width: 18%;
/*	background-color: #41444D;*/

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

ul.wordsInput li.wordsName input {
	width: 95%;
}


ul.wordsInput li.wordsLove {
	width: 63%;

	position: relative;
	top: 0px;
	left: 20%;

/*	background-color: #cccccc;*/
}

ul.wordsInput li.wordsLove input {
	width: 95%;
}


ul.wordsInput li.wordsPost {
	width: 15%;
	text-align: center;

	position: absolute;
	top: 1.5em;
	right: 0%;

/*	background-color: #666666;*/
}



blockquote {
	margin: 0px 0px 1em 0px;
	padding: 5px 5px 0px 10px;
	background-color: #FDFBE7;
	border-left: 3px solid #ffcc00;
	font-size: small;
}
blockquote p {
	color: #000000 !important;
}


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



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

@media print {

html {
	background-image: none;
}

div#header {
	background-image: url(../images/wish/bg_header.gif);
	background-position: left bottom;
	background-repeat: no-repeat;/**/
}

div#navigation {
	display: none;

}

div#contents {
	font-size: 0.8em;

}


ul.shootingLink{
	display: none;
}

p.move {
	display: none;
}

p.powerd {
	display: none;
}

form {
	display: none;
}

ul.reader-action {
	display: none;
}

div#comment form {
	display: none;
}

p.trackback-url {
	display: none;
}

}