-----------------------------------------------------
|     No tables were harmed during the creation     |
|                 of this website!                  |
-----------------------------------------------------
|   You may adapt elements of this CSS in your own  |
|   projects, but the unique combination of images, |
|     colors, sizes, typography, and positioning    |
|       ("the design") is copyright 2005 HIPPO      |
|            and may not be reproduced.             |
-----------------------------------------------------


body {
	background: rgb(243, 250, 255) none repeat scroll 0% 50%;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        margin: 0;
        font-size: 80%;
        font-weight: bold;
        background: #F3FAFF;
        }


/*body {
	background: rgb(243, 250, 255) none repeat scroll 0% 50%; 
	-moz-background-clip: initial; 
	-moz-background-origin: initial; 
	-moz-background-inline-policy: initial;"
}
*/

#Layout{
	width: 1000px;
	margin: 0;
	padding: 0;
        background: #F3FAFF;
}

#Nebula{
	/*position: absolute;*/
	top: 130px; 
	/*left: 0px;*/
	float: left; 
	width: 200px;
        background: #F3FAFF;
	margin: 0px;
	padding: 0px;
	voice-family: "\"}\"";
	voice-family: inherit;
}

#Nebula #NaviContents{
	float: left;
	width: 200px;
	font-size: 14px;
	font-weight: bold;
	color: #555555;
	line-height: 36px;
	text-indent: 15px;
	text-align: left;
        background: #F3FAFF;
	border-top: 2px ridge #fff;
	border-botom: 2px groove #000;
	padding:  0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#Nebula #NaviContentsScript{
	float: left;
	width: 200px;
	border-top: 2px ridge #fff;
	border-botom: 2px groove #000;
	padding:  0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}

#Nebula li{
	font-size: 12px;
	font-weight: normal;
	color: #226543;
	line-height: 20px;
	list-style-type: none;
        background: #F3FAFF;
	border-top: 2px ridge #fff;
	border-botom: 2px groove #000;	
}

.clear{
	clear: both;
}

#Galaxy{
	/*position: absolute;
	top: 130px; 
	left: 220px; */
	float: left;
	width: 740px;
        background: #F3FAFF;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	border-left-width: 8px;
	border-left-style: ridge;
	border-left-color: #9999CC;
	voice-family: "\"}\"";
	voice-family: inherit;
	left: 260px; 
}

#Galaxy #Jobun{
	float: left;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	text-align: left;
	padding:  20px 40px 20px 40px;
	margin: 0px;
        background: #F3FAFF;
}

#Galaxy #Item{
	float: left;
	width: 350px;
	border-width: 2px 0px 0px 0px;
	border-style: ridge;
        background: #F3FAFF;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}

#Galaxy #block{
	float: left;
	width: 348px;
	background-color: transparent;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

#block .top{
	/*width: 348px;*/
	height: 20px;	/* Top画像とBottom画像を同サイズの12pxにするとIEのみ隙間ができる。これの回避。*/
	background-image: url(../AtTheSpring/image/LayoutGIF/TopPart.gif);
	background-repeat: no-repeat;
}

#block .medium{
	margin-top: -8px;	/*　.topに重ね合わせて、IEの隙間を回避する*/
	background-image: url(../AtTheSpring/image/LayoutGIF/MediumPart.gif);
}

#block .bottom{
	/*width: 348px;*/
	height: 12px;
	background-image: url(../AtTheSpring/image/LayoutGIF/BottomPart.gif);
	background-repeat: no-repeat;
	margin-bottom: 8px;
}

#block li.txtCenter{
	/*width: 300px;*/
	text-align: center;
	padding: 0 20px;
}

#block li.txtSmall{
	/*width: 300px;*/
	font-size: 14px;
	/*text-align: center;*/
	padding: 0px 15px;
}

#Galaxy h2{
	font-size: 18px;
	font-weight: bold;
	color: #226543;
	line-height: 25px;
	text-align: center;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	display: block;
}

#Item h3{
	font-size: 18px;
	color: #000;
	line-height: 25px;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	display: block;
}

#Item #Itemphoto{
	float: left;
	width: 70px;
	height: 70px;
	border: 1px solid #fff;
	margin: 0px 10px 0px 5px;
	padding: 0px;
}

#Item span{
	font-size: 14px;
	font-weight: normal;
	color: #000;
	line-height: 20px;
	padding: 0px 0px 0px 10px;
}

#Galaxy #TextSetting{
	float: left;
	/*width: 680px;*/
	font-size: 16px;
	font-weight: normal;
	color: #000;
	line-height: 24px;
	text-align: left;
	padding:  20px 40px 20px 40px;
	margin: 0px;
        background: #F3FAFF;
}

#Galaxy ul{
        background: #F3FAFF;
	padding:  0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
}


#Galaxy li{
	font-size: 16px;
	font-weight: normal;
	color: #000;
	line-height: 24px;
	text-align: left;
	list-style-type: none;
}

#Galaxy #smallBox{
	float: left;
	width: 150px;
        background: #F3FAFF;
	margin: 0px 10px 10px 0px;
	padding: 0px;
}

#miniTitle{
	color: #ee0000;
	font-weight: bold;
	padding:  20px 40px 20px 0px;
	margin: 0px;
}

#minisubTitle{
	color: #0000ff;
	font-weight: bold;
}

#mini2subTitle{
	color: #00aa00;
	font-weight: bold;
}

#subAccent{
	font-weight: bold;
}

.clear{
	clear: both;
}



ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }


#menu5 {
        width: 200px;
        border-style: none solid none solid;
        border-width: 1px;
        margin: 0px;
        }

#menu5 li a {
        height: 32px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 24px;
        text-decoration: none;
        }

#menu5 li a:link, #menu5 li a:visited {
        color: #777;
        display: block;
        background: url(../AtTheSpring/image/menu5.gif);
        padding: 8px 25px 0 10px;
        text-align: right;
        }

#menu5 li a:hover{
        color: #0000ff;
        background: url(../AtTheSpring/image/menu5.gif) 0 -32px;
        padding: 8px 25px 0 10px;
        text-align: right;
        }

#menu5 li #current {
        color: #ff0000;
        background: url(../AtTheSpring/image/menu5.gif) 0 -32px;
        padding: 8px 25px 0 10px;
        text-align: right;
        }

#menu5 li a:active {
        color: #fff;
        background: url(../AtTheSpring/image/menu5.gif) 0 -64px;
        padding: 8px 25px 0 10px;
        text-align: right;
        }