/**** 基本レイアウト ***/
*{
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	margin: 50px 0 50px 0;
	background: #f9e4e6 url(../images/bg2.gif) repeat-x left top;
}

#contents {
	clear: both;
	width:770px;
	height:auto;
	overflow:auto;
	overflow-y: hidden;
	background: #ffffff url(../images/conBack1.gif) no-repeat left bottom;
	border-left:1px solid #a6c6dc;
	border-right:1px solid #a6c6dc;
}

#left{
clear:both;
	background: url(../images/leftBack20.gif) no-repeat left top;
}
#right{
	background: url(../images/rightBack.gif) no-repeat left top;
}
#wrap {
	width: 772px;
	margin: auto;
	text-align: left;
}
#header {
	width:772px;
	height:50px;
	background: url(../images/headerBG.gif) no-repeat left bottom;
}
/* 未来天使ロゴ　*/
#logo {
	width:250px;
	height:50px;
	float:left;
}
#headcomment {
	width:500px;
	height:20px;
	float:left;
	padding:5px 0 0 20px;
}
ul#headnav {
	width:500px;
	height:25px;
	float:left;
}

ul#headnav li{
	list-style-type: none;
	display: block;
	width:100px;
	height:25px;
	float:left;
}

/*********************************************** Information ******/
ul#headnav a.info:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/infoO.gif) no-repeat;
}
ul#headnav a.info:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/infoO.gif) no-repeat;
}
ul#headnav a.info:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/infoOh.gif) no-repeat;
}
ul#headnav a.info:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/infoOh.gif) no-repeat;
}

/************************************************ company ********/
ul#headnav a.company:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/companyO.gif) no-repeat;
}
ul#headnav a.company:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/companyO.gif) no-repeat;
}
ul#headnav a.company:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/companyOh.gif) no-repeat;
}
ul#headnav a.company:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/companyOh.gif) no-repeat;
}

/************************************************ licence ********/
ul#headnav a.licence:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/licenceO.gif) no-repeat;
}
ul#headnav a.licence:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/licenceO.gif) no-repeat;
}
ul#headnav a.licence:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/licenceOh.gif) no-repeat;
}
ul#headnav a.licence:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/licenceOh.gif) no-repeat;
}
/***********************************************　shop list */
ul#headnav a.shops:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/shopO.gif) no-repeat;
}
ul#headnav a.shops:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/shopO.gif) no-repeat;
}
ul#headnav a.shops:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/shopOh.gif) no-repeat;
}
ul#headnav a.shops:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/shopOh.gif) no-repeat;
}
/************************************************ museum ********/
ul#headnav a.museum:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/museumO.gif) no-repeat;
}
ul#headnav a.museum:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/museumO.gif) no-repeat;
}
ul#headnav a.museum:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/museumOh.gif) no-repeat;
}
ul#headnav a.museum:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/museumOh.gif) no-repeat;
}

#footer{
	clear:both;
	width:772px;
	height:35px;
	background:url(../images/footerBG.gif) no-repeat left bottom;
}
#footnavi {
	width:772px;
	height:25px;
	float:left;
}
ul#footnav {
	width:772px;
	height:25px;
	float:left;
	padding-left:35px;
}
ul#footnav li{
	list-style-type: none;
	display: block;
	width:100px;
	height:25px;
	float:left;
}

/***********************************************　care */
ul#footnav a.care:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/careO.gif) no-repeat;
}
ul#footnav a.care:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/careO.gif) no-repeat;
}
ul#footnav a.care:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/careOh.gif) no-repeat;
}
ul#footnav a.care:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/careOh.gif) no-repeat;
}

/***********************************************　policy */
ul#footnav a.policy:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/policyO.gif) no-repeat;
}
ul#footnav a.policy:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/policyO.gif) no-repeat;
}
ul#footnav a.policy:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/policyOh.gif) no-repeat;
}
ul#footnav a.policy:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/policyOh.gif) no-repeat;
}

/***********************************************　peaceful */
ul#footnav a.peace:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/peaceO.gif) no-repeat;
}
ul#footnav a.peace:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/peaceO.gif) no-repeat;
}
ul#footnav a.peace:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/peaceOh.gif) no-repeat;
}
ul#footnav a.peace:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/peaceOh.gif) no-repeat;
}

/************************************************ space creator ********/
ul#footnav a.space:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/spaceO.gif) no-repeat;
}
ul#footnav a.space:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/spaceO.gif) no-repeat;
}
ul#footnav a.space:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/spaceOh.gif) no-repeat;
}
ul#footnav a.space:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/spaceOh.gif) no-repeat;
}

/************************************************ contact ********/
ul#footnav a.contact:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/contactO.gif) no-repeat;
}
ul#footnav a.contact:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/contactO.gif) no-repeat;
}
ul#footnav a.contact:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/contactOh.gif) no-repeat;
}
ul#footnav a.contact:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/contactOh.gif) no-repeat;
}
/************************************************ press ********/
ul#footnav a.press:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/pressO.gif) no-repeat;
}
ul#footnav a.press:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/pressO.gif) no-repeat;
}
ul#footnav a.press:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/pressOh.gif) no-repeat;
}
ul#footnav a.press:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/pressOh.gif) no-repeat;
}

/************************************************ movie ********/
ul#footnav a.movie:link{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/movieO.gif) no-repeat;
}
ul#footnav a.movie:visited{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/movieO.gif) no-repeat;
}
ul#footnav a.movie:hover{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/movieOh.gif) no-repeat;
}
ul#footnav a.movie:active{
	width:100px;
	height:25px;
	display: block;
	background:url(../images/movieOh.gif) no-repeat;
}
/*** copyright ***/
div#copy{
	width:770px;
	height:50px;
	font-size:12px;
	background:url(../images/copy.gif) no-repeat 220px 0px;
}


img{
	border:0px;
}

/***************************************************/
table {
	width:480px;
	height:450px;
	border:0;

}
tr{
	text-align:left;
	height:20px;
}

td{
	font-size:12px;
}

td.name{
	font-size:12px;
	width:80px;
	vertical-align:top;
}

#title {
	padding:0 10px 10px 10px;
}
table.info {
	width:480px;
	height:450px;
	border:0;

}
/**************関連リンク********/

.link_shop ul{
	margin:0 0 0 20px;
	padding:0;
	}
.link_shop li{
	margin:0 0 5px 0px;
	list-style-type:none;
	}
.link_lebel{
	}
	
/* CSS Document */
#contents{
	background: #ffffff url(../images/conBack1.gif) no-repeat left bottom;
}
/*#left{
	width:250px;
	height: auto;
	float:left;
	position:absolute;
}
#right{
	width:522px;
	height: auto;
	margin:0;
	padding:0;
	float:right;
	position:relative;
	background: url(../images/rightBack.gif) no-repeat left top;
}
*/
#store{
	width:170px;
	height:35px;
	float:left;
	background: url(../images/conBack0.gif) no-repeat left top;
	padding:15px 0px 0 600px;
	background-color:#F00;
}
#mirai{
	width:192px;
	height:300px;
	float:left;
}
#tamago{
	width:192px;
	height:300px;
	float:left;
}
#lovers{
	width:192px;
	height:300px;
	float:left;
}
#ring{
	width:192px;
	height:300px;
	float:left;
}

#phrase{
	width:250px;
	height:100px;
	float:left;
	margin:0;
	padding:0;
	/*background: url(../images/phraseBack.gif) no-repeat left top;*/
}

/********************* js */
.js{
filter:alpha(opacity=0);
}


#infoTitle{
	float:left;
	width:520px;
	height:auto;
	margin-left:230px;
}
#infoLayout ul{
	float:left;
	height:80px;
	margin-left:250px;
}
#infoLayout li{
	list-style-type:none;
	text-decoration:none;
	line-height:150%;
}

#infoLayout li.one{
	margin:0px 0 5px 0px;
}
#infoLayout li.two{
	margin:0px 0 5px 35px;
}
#infoLayout li.three{
	margin:0px 0 5px 60px;
}
#infoLayout li.more{
	margin:0px 0 0px 350px;
}
/********************************* recruit  ***/
#infoLayout li.recruit{
	margin:0px 0 0px 60px;
	color:#FF0000;
	font-weight:bold;
}
#infoLayout li.recruit a{
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
}


/************************************************/
#infoLayout li a{
	font-size:12px;
	font-weight:400;
	line-height:160%;
}
#infoLayout li a:hover {
	color:#ff94c7;
}

#info{
	width:770px;
	float:left;
}