charset "utf-8";


html {overflow-y: scroll;}

/* ----- body style ----- */
body {
	margin:40px 0px 0px;
	padding: 0;
	background-image: url(../pict/bg.jpg);
	background-repeat:no-repeat;
	background-position:50% 108px;
}

table {
	width:800px;
	height:600px;
	margin-left: auto;
	margin-right: auto; 
	background-repeat:no-repeat;
	background-image:url(../pict/main.png);
	}
	
	* html table {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=pict/main.png,sizingMethod=crop);}
	
table td {
	vertical-align: top;
	}

table td a{
	display:block;
	margin: 50px 20px 0px;
	width:239px;
	height:115px;
	background-image:url(../pict/mail.gif);
	}

table td a:hover{
	background-image:url(../pict/mail_on.gif);
	}
	
table td a span{
	display:none;
	}

table td div{
	width:79px;
	height:71px;
	margin:329px 0px 0px 710px;
	background-image:url(../pict/purin.gif);
	}

iframe {display: block; margin: 0;}
form {margin: 0; padding: 0;}
textarea {font-size: 100%;}


/* all round style */
h1{display: none;}

p {margin: 0;}
p.br-t {margin-top: 2.4em !important;}
p.br-b {margin-bottom: 2.4em !important;}

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

ol {margin: 0; padding: 0;}
ol li {margin: 0px 0px 0px 20px; padding: 0;}

dl {margin: 0; padding: 0;}
dt {margin: 0; padding: 0;}
dd {margin: 0; padding: 0;}

img {border: none;}
a img {vertical-align: middle;}

em,
address {font-style: normal;}

hr {display: none; margin: 1.2em auto; /margin: -6px auto 1em;}
hr.point {display: block; width: 12px; height: 12px;}
hr.line {display: block; /height: 1px; border: none; border-bottom: 1px solid #CCCCCC;}


a {}
a:link {color: #0000FF;}
a:visited {color: #0000FF;}
a:hover {color: #FF0000; text-decoration: none;}
a:active {color: #FF0000; text-decoration: none;}


/* useful style */
.text_left {text-align: left !important;}
.text_right {text-align: right !important;}
.text_center {text-align: center !important;}

.img_left {float: left; margin: 0px 5px 5px; color: #454545; text-align: center;}
.img_right {float: right; margin: 0px 5px 5px; color: #454545; text-align: center;}
.img_center {color: #454545; text-align: center !important;}
.img_center img {margin: 0px auto;}

.float_none {float: none !important;}
.float_left {float: left !important;}
.float_right {float: right !important;}

.clear {clear: both;}
.clear_none {clear: none !important;}
.clear_left {clear: left !important;}
.clear_right {clear: right !important;}

.hide {display: none;}