* {
margin:0;
padding:0
}

body{
	font-size:100%;
	line-height:140%;
	background-image: url(../cosmostage/images/bg_cosmostage.jpg);
	background-repeat: repeat-x;
}

p{
margin-top:1px;
margin-bottom:2px;
line-height:160%;
font-size:90%;}


/************************************************************

link color

****************************************************************/

a{
color:#0066CC;
text-decoration:none;
border-bottom:dotted 1px #ABE3FE;
}

a:hover{
color:#FF0000;
border-bottom:none;
background-color:#FFFFCC;}

#header a,
#navi2nd a,
a.nobd,
a.nobd:hover{
border-bottom:none;}
/************************************************************/

#wrapper{
margin-top:0;
margin-left:auto;
margin-right:auto;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
width:740px;
background-color:#FFFFFF;
}

#header{
margin-bottom:0px;
}

#header td{padding:5px;}


#pagetitle {
	width: 740px;
	clear: both;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 180px;
	background-image: url(../images/title_cosmosategeIndex.jpg);
	background-repeat: no-repeat;
}

#pagetitle h1{
margin-left:-9999px;
}

#pagetitle div.index,
div.pagetitle_hamayose
{
	height:180px;
	background-repeat:no-repeat;
}


#pagetitle div.index
{
	background-image: url(../images/title_index-day.jpg);
}

div.pagetitle_hamayose
{
	background-image: url(../images/pagetitle_hamayose.jpg);
}


#contentswrapper{
margin-right:10px;}

#index-contents{
margin-top:10px;
margin-left:10px;
margin-right:10px;}

#navi2nd{
width:200px;
float:left;}

#contents{width:510px;
float:right;}

#footer{
margin-top:10px;
text-align:center;
font-size:70%;
color:#666666;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;}

#topicpath {
	font-size: 70%;
	height: 20px;
	padding-left: 8px;
}


table.data td{
border-bottom:dotted 1px #999999;
padding:2px;
line-height:120%;
font-size:80%;}

table.data2 td{
border-bottom:dotted 1px #999999;
padding:2px;
line-height:120%;
font-size:90%;}

/************************************************************

contact.html

****************************************************************/

#form{
font-size:80%;
line-height:140%;
}

#form table{
width:100%;
border:none;
margin-bottom:20px;
}

#form table td{
border-bottom:1px dotted #eeeeee;
padding:4px;
}
#form .necessary{
color:#FF0000;
}

#form .table_right .text,
#form .table_right .mail,
#form .table_right .textarea,
#form .post-add {
	width: 250px;
}
#form .table_left {
	font-weight: bold;
	background-color: #eeeeee;
	text-align:center;
}


#form .post-left,
#form .post-right{
	width: 60px;
}

#form .ticket{
	width: 60px;
}

#form .tel{
width:40px;}


/************************************************************

privacypolicy.html

****************************************************************/


#ppwrapper{
width:500px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
background-color:#FFFFFF;
}

#ppwrapper p,
#ppwrapper li{
font-size:80%;
line-height:140%;
}

#ppwrapper li {
	list-style-position: outside;
	list-style-type: circle;
	margin-left: 20px;
	margin-bottom: 8px;
}
#ppwrapper h1 {
	font-size: 110%;
	font-weight: bold;
}

a.topplink{
font-size:75%;
color:#000099;
border:1px solid #999999;
background-color:#FDFFDD;
padding-top:0px;
padding-bottom:0px;
display:block;
text-decoration:none;
text-align:center;}

a.topplink:hover{
color:#FF0000;
border:1px solid #999999;}


.font100per {
	font-size: 100%;
	line-height: 130%;
}

.font90per {
	font-size: 90%;
	line-height: 130%;
}

.font85per {
	font-size: 85%;
	line-height: 130%;
}

.font70per {
	font-size: 70%;
	line-height: 130%;
}


table.event-data{
border:2px solid #990000;
}

table.event-data td{
padding:6px;}


/************************************************************

index.html

****************************************************************/

#whatsnew,
#community{
margin-bottom:10px;}

#whatsnew ul,
#community ul{
margin-top:10px;
}

#whatsnew li,
#community li{
	margin-left:10px;
	line-height:130%;
	margin-bottom:8px;
	background-image: url(../images/tri_whatsnew.gif);
	background-repeat: no-repeat;
	padding-left: 15px;
	list-style-position: outside;
	list-style-type: none;
	font-size:80%;
	background-position: 0px 3px;
}
#contents .lead {
	font-size: 90%;
	line-height: 140%;
	color: #000066;
}

#community .lead {
	margin-top:5px;
	font-size: 90%;
	line-height: 140%;
	color: #663300;
}



/************************************************************

news.html

****************************************************************/

#news{
}

#news ul{
}

#news ul li{
	margin-left:20px;
	font-size:80%;
	line-height:130%;
	margin-bottom:10px;
	border:solid #999999 1px;
	list-style-type: none;
	padding:6px;
	background-color:#E8F4FF;
}

#news div.title{
border-left:4px solid #000099;
padding-left:3px;
margin-bottom:10px;
display:block;
font-weight:bold;
}

#news .newsdate{
font-weight:normal;
font-size:80%;
color:#666666;}

#news .honbun{
margin-left:10px;
display:block;}


#policy-navi {
margin-left:10px;
text-align:left;
font-size:70%;
}
.emp1 {
	color: #CC0066;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: double;
	border-top-color: #990000;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #990000;
}