body { background-image: url(../common/back.gif); text-align: center; margin: 0; }
#head_box { background-image: url(../common/head_back.png); background-repeat: no-repeat; background-position: center top; text-align: left; width: 720px; height: 280px; margin: 13px auto 0; padding: 0; }
#head { width: 700px; height: 280px; margin: 0 0 0 10px; padding: 0; }
h1 { margin: 0; padding: 218px 0 0; }
#main_box { background-image: url(../common/main_back.png); background-repeat: repeat-y; background-position: center top; text-align: left; width: 720px; margin: 0 auto; padding: 0; }
#main { background-color: white; width: 700px; margin: 0 0 30px 10px; padding: 0; }
#menu_box { background-image: url(../common/title_en.gif); background-repeat: no-repeat; background-position: 50% top; width: 700px; margin: 0 0 15px; padding: 32px 0 0; }
#menu_box ul { background-image: url(../common/main_menu02.png); background-repeat: no-repeat; background-position: left top; width: 700px; height: 35px; margin: 0; padding: 0; display: block; }
#menu_box li { float: left; margin: 0; padding: 0; list-style-type: none; }
#menu01 a { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: 0 top; text-indent: -5000px; width: 105px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu02 a { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -105px top; text-indent: -5000px; width: 120px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu03 a { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -225px top; text-indent: -5000px; width: 120px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu04 a { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -345px top; text-indent: -5000px; width: 130px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu05 a { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -475px top; text-indent: -5000px; width: 100px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu06 a { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -575px top; text-indent: -5000px; width: 100px; height: 35px; float: left; margin: 0; padding: 0; display: block; }
#menu01 a:hover { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: 0 -35px; }
#menu02 a:hover { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -105px -35px; }
#menu03 a:hover { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -225px -35px; }
#menu04 a:hover { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -345px -35px; }
#menu05 a:hover { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -475px -35px; }
#menu06 a:hover { background-image: url(../common/main_menu.png); background-repeat: no-repeat; background-position: -575px -35px; }
#left { background-color: #609BE1; background-image: url(../common/left_back.png); background-repeat: repeat-x; width: 200px; float: left; margin: 0; padding: 0; }
#contact { position: relative; right: -7px; margin: 0; }
#contact img { margin: 0; }
#map { position: relative; right: -35px; margin: 0; }
#contact2 { background-image: url(../common/contact02.gif); background-repeat: repeat-y; background-position: left 50%; width: 185px; margin: 0; padding: 0; }
#contact2 p { font-size: 80%; margin: 0; padding-right: 10px; padding-left: 10px; }
#link_box { margin: 15px 0 0 8px; padding: 0; }
#link_box img { margin: 0 0 10px; }
#angel01 { background-image: url(../common/angel02.gif); background-repeat: repeat-y; width: 183px; margin: 0 0 15px 8px; padding: 0; }
#angel01 p { color: #fff; font-size: 80%; margin: 0 0 0 10px; padding: 0; }
#news01 { background-image: url(../common/news02.gif); background-repeat: repeat-y; background-position: left 50%; width: 495px; float: right; margin: 0 3px 0 0; }
#news { position: relative; right: -25px; width: 450px; margin: 0; padding: 15px 0 0; }
#news dl { position: relative; bottom: -5px; margin: 7px 0 0; padding: 0; }
#news dt { font-size: 90%; background-image: url(../common/arrow.gif); background-repeat: no-repeat; background-position: left top; width: 270px; float: left; margin: 0; padding: 5px 0 5px 28px; }
#news dd { font-size: 80%; width: 150px; float: left; margin: 0; padding: 5px 0; }
#contents { position: relative; left: -7px; width: 480px; float: right; margin: 0 0 30px; padding: 0; }
#contents h2 { color: #966; margin: 0 0 25px; }
.shift_b5 { position: relative; bottom: -5px; }
.clear { width: 1px; height: 1px; clear: both; margin: 0; padding: 0; }
#bottom { position: relative; top: -1px; }
.top { font-size: 80%; text-align: right; margin-right: 15px; margin-bottom: 30px; }
.top a { color: #600; }
#footer { color: #fff; font-size: 60%; background-color: #36c; text-align: center; letter-spacing: 0.05em; clear: both; margin: 0 0 0; padding: 2px 0 7px; border-top: 1px solid #669; }
#footer a { color: #fff; }
#footer a:hover { color: #ff0; }
/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
a img {
	border: none;
	}
/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */