@charset "UTF-8";

/* ------------------------------

 1.Base
 
------------------------------ */

*{
	margin:0;
	padding:0;
	font-size:12px;
	 font-family:Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Osaka,sans-serif; 
}

html{
	height:100%
}

body{
	background-color:#000;
	text-align:center;
	height:100%;
}

a img{
	border:0;
}

li{
	list-style:none;
}

a {
	color:#0033cc;
	text-decoration:underline;
}

a:hover {
	color:#0033cc;
	text-decoration:none;
}


/* ------------------------------

 2.Layout
 
------------------------------ */

div#container{
	width: 940px; /*Width of main container*/
	margin: 0 auto; /*Center container on page*/
	background-color:#ccc;
	text-align:left;
	height:100%;
	min-height: 100%;
}

body > #container {
    height: auto;
}

div#header{
	background:url(http://www.ayumu.ch/common/img/header.gif) 0 0 no-repeat;
	height:114px;
	margin-bottom:0px;
	position:relative;
}

div#logo{
	position:relative;
	width:940px;
}

div#header h1{
	display:block;
	position:absolute;
	width:170px;
	top:10px;
	left:10px;
}

div#countdown{
	display:block;
	position:absolute;
	width:518px;
	top:0px;
	right:0px;
}

div#navi{
	display:block;
	position:absolute;
	width:940px;
	height:37px;
	top:77px;
	left:0px;
}

div#navi li{
	display:block;
	float:left;
	height:37px;
	margin:0;
	padding:0;
}

div#footer{
	background-color:#ccc;
	background:url(/common/img/footer.gif) 0 0 no-repeat;
	width:940px;
	height:115px;
}

div#footer .innertube {
	float:left;
	width:700px;
}

div#footer .innertube div {
	padding:10px 0 0 280px;
	font-size:10px;
	line-height:140%;
	text-align:center;
}

div#footer .byfragment {
	float:left;
	width:240px;
	text-align:right;
}

div#footer .byfragment div {
	padding:10px 25px 0 0;
}





/* ------------------------------

 3.News
 
------------------------------ */

#news{
	position:static;
}

#news #news_content {
	padding:3px 0px 0px 2px;
}

#news span {
	display:block;
}

#news span {
	width:581px;
	height:135px;
	padding:5px;
}

* html #news span{ /* for IE */
	width:588px; /* for IE */
	height:135px; /* for IE */
}

#re_content {
	overflow:auto;
	position:relative;
	top:-6px;
	height:135px;
}
#re_loading {
	position:relative;
	top:5px;
	left:5px;
}



/* ------------------------------

 4.index02

------------------------------ */
div#family_gypsy div {
	padding:0;
	margin:0;
}

div#family_gypsy div.index02_img01 {
	background:url(/img/index02_img01.jpg) no-repeat;
	width:940px;
	height:238px;
	text-indent:-10000px;
}

#family_gypsy div.index02_img02 {
	background:url(/img/index02_img02.jpg) no-repeat;
	width:940px;
	height:312px;
	text-align:center;
}

#family_gypsy div.index02_img02 img {
	margin:20px 15px;
}

div#family_gypsy div.index02_img03 {
	background:url(/img/index02_img03.jpg) no-repeat;
	width:940px;
	height:125px;
	text-indent:-10000px;
}