@charset "UTF-8"
/*  
	Style for Hippo House.
	------------------
	navi.css	Style for Navigation Menu
	doc.css		Style for Document,Text
	print.css	Style for Print
	------------------
	01	#head
	02	#main
		02-1	#topImg
	03	#cont
	04	#foot
	------------------
	05	General Style (Reset Default Style?)
		05-1	Headers styles
		05-2	General link styling
		05-3	List styles
		05-4	Other basic styles
	
	Copyright(c)2006 inter-Catalog-net Inc. All rights reserved.
----------------------------------------------------------------------*/

@import url("dammy.css"); 
@import url("docs.css"); 
@import url("navi.css"); 
@import url("print.css") print;

/*	01	head
----------------------------------------------------------------------*/
#head{
	width:700px;
	height:51px;
	text-align:left;
	padding:0px 10px;
	margin-left:auto;
	margin-right:auto;
	background:url(../img/bghead.gif) no-repeat top center /*#28b8fe*/;
}
#head h1 a:link,#head h1 a:hover{
	color:#fff;
	text-decoration:none;
}
#head h1{
	margin:1px 10px;
	font-size:12px;
	line-height:12px;
	font-weight:normal;
	text-align:right;
	float:right;
	clear:right;
}
#PTOP{
	float:right;
	margin:1px 10px;
	font-size:12px;
	line-height:14px;
	font-weight:normal;
	color:#fff;
	clear:both;
	text-transform: uppercase;	
}
/*	02	main styling 
----------------------------------------------------------------------*/
#main{
	width:750px;
	text-align:left;
	margin:0 auto;
}
/*	02-1	topImg styling 
----------------------------------------------------------------------*/
#topImg{
	width:750px;
	height:250px;
	font-size:12px;
	line-height:16px;
	margin:0;
	padding:0;
	/*background:url(../img/toph2img6.jpg) no-repeat center top #fff; Winter Campaign */
	background:url(../img/toph2img5.jpg) no-repeat center top #fff; /*Autumn Campaign */
	/*background:url(../img/toph2img4.jpg) no-repeat center top #fff; summer Campaign */
	/*background:url(../img/toph2img7.jpg) no-repeat center top #fff; /*spring Campaign */
	/*background:url(../img/toph2img.jpg) no-repeat -32px 0px #fff;
	margin:0 auto 0 32px;*/
}
#topImg h2{
	margin:0;
	font-size:16px;
	line-height:16px;
	width:680px;
	height:85px;
	display:block;
	text-indent: -9999px;
	clear:both;
}
#topImg strong{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:18px;
	width:170px;
	height:158px;
	display:block;
	border:none;
	float:right;
	text-indent: -9999px;
	text-decoration:none;
}
#topImg p{
	margin:0;padding:0;
	font-size:16px;
	line-height:18px;
	width:65px;
	height:100px;
	display:block;
	float:right;
	text-indent: -9999px;
}
/*	03	cont styling 
----------------------------------------------------------------------*/
#cont{
	width:689px;
	text-align:left;
	margin:0 auto 0 32px;
	background:url(../img/bgCont.gif) repeat-x top left #fff;
}

/*	04	Foot styling 
----------------------------------------------------------------------*/
#foot{
	width:750px;
	clear:both;
	display:block;
	text-align:left;
	margin:0 auto;
/*	background:url(../img/bgMain.gif) repeat-y top center #ddfdfa;*/
}
#foot ul{
	width:750px;
	height:45px;
	min-height:45px;
	max-height:60px;
	margin:0 auto;
	/*background:url(../img/bgFoot.gif) no-repeat 0 bottom #ddfdfa;*/
	background-image: url(../img/bgFoot.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#foot li{
	font-size:12px;
	line-height:14px;
	font-weight:normal;
}
#footr{
	margin:14px 10px 0 0;
	float:right;
	text-indent:-9999px;
	border:0;
}
#footr a{
	display:block;
	width:330px;
	height:20px;
}
#footl{
	display:block;
	margin:10px 0 0 30px;
	float:left;
	text-transform: uppercase;	
	font-size:10px;
	line-height:12px;
	color:#155099;
}
#footl strong{
	font-size:20px;
	line-height:22px;
	font-weight:bolder;
	color:#17529d;
	text-decoration:none;
	border:0;
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
}
/*	05	General styling 
----------------------------------------------------------------------*/
html {
	background-color:#ddfdfa;
	margin:0;
	padding:0;
}
body {  
	margin:0;
	padding:0;
	color:#2a393d;
	text-align:center;
	background:url(../img/bgMain.gif) repeat-y top center #ddfdfa;
}

/* English
------------------*/
body #eng{
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	/*font-family: "Bitstream Vera Sans", Helvetica, Arial, sans-serif;*/
	font-size:98%;
	line-height:125%;
}
/* Japanese
------------------*/
body #jp{  
	font-family: "ＭＳ Ｐゴシック", Osaka ;
	font-size:90%;
	line-height:135%;
}
#jp p{  
	font-family: "ＭＳ Ｐゴシック", Osaka ;
	font-size:88%;
	line-height:135%;
}
/* Chinese
------------------*/
body #chi{ 
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:88%;
	line-height:135%;
}
#chi p{ 
	font-family: Helvetica, "Trebuchet MS", Arial, sans-serif;
	font-size:90%;
	line-height:135%;
}

/*
	05-1	Headers
----------------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6{
	margin:0;
}
p{
	margin:1em;
}
/*
	05-2	General link styling
----------------------------------------------------------------------*/
a:link, a:visited {
    color: #005A9C;
    text-decoration: none;
}

a:hover, a:active {
    color: #cc0000;
    text-decoration: underline;
}
/*
	05-3	List styles 
----------------------------------------------------------------------*/
ul,ol,dl{
	margin:0;
	list-style-type:none;
}
li{
	list-style-type:none;
}
/*
	04-4	Other basic styles 
----------------------------------------------------------------------*/
dd{
	margin:0;
}
dt{
	margin:0;
}
img{ 
	margin:0;
	padding:0;
	vertical-align: middle;
	border:0;
}
acronym:hover,abbr:hover{
    cursor: help;
}
abbr[title],acronym[title],span[title],strong[title]{
    /*border-bottom:thin dotted;
    cursor:help;*/
}
pre,code,tt{
	line-height:100%;
	white-space:pre;
}
a:link img, a:visited img{
    border-style: none;
}
a img {color: white}