@charset "UTF-8";

body { margin: 0px; padding: 0px; background-color: #eeeeee; font-family: Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 110%; color: #333333; }

a { text-decoration: none; border: none; color: #900; }
a:hover { text-decoration: underline; border: none; color: #ff0000; }
a img { text-decoration: none; border: none; }

img a { text-decoration: none; border: none; }
img a:hover { text-decoration: none; border: none; }

p { margin: 20px 0px 20px 0px; line-height: 150%; }

h1 { font-size: 20px; color: #000000; }
h2 { font-size: 30px; color: #ff0000; margin: 15px 0px 0px 0px; }
h3 { font-size: 20px; color: #000000; margin: 10px 0px 10px 0px; border-bottom: 2px solid #000000; padding-bottom: 3px; font-weight: normal; }
h4 { font-size: 12px; color: #999999; margin: 10px 0px 20px 0px; }

ul { margin: 0px 0px 10px 0px; padding: 0px; }
li { margin: 0px 0px 5px 0px; padding: 0px; list-style: none; }



/* frame design */

#container { width: 980px; margin: auto; padding: 0px; background-color: #fff; }

#header { margin: 0px; padding: 0px; border-bottom: 4px solid #ff0000; } 
#main { margin: 0px; padding: 0px; } 
#footer { margin: 0px; padding: 0px; } 

/* header */

.header-left { float: left; width: 400px; margin: 0px; padding: 0px; }
.header-left-body { padding: 20px 20px 0px 0px; }

.header-right { float: right; width: 580px; margin: 0px; padding: 0px; }
.header-right-body { padding: 20px 20px 0px 20px; text-align: right; }

/* main */

.main-top-photo { float: left; width: 490px; margin: 0px; padding: 0px; }
.main-top-photo-body { padding: 25px; }

.main-top-list { float: left; width: 490px; margin: 0px; padding: 0px; }
	.main-top-list-body { padding: 25px; }

.main-top-menu { width: 900px; margin: 0px; padding: 0px; }
	.main-top-menu-body { margin: 20px; padding: 0px; text-align: center; } 
	.main-top-menu-body-parts { width: 150px; margin: 0px 5px 0px 5px; float: left; color: #999999; font-size: 10px; text-align: left; } 


.main-content { width: 800px; margin: 0px; padding: 0px; float: left; }
	.main-content-title { margin: 0px; padding: 0px; }
		.main-content-title-body { margin: 5px 10px 0px 20px; } 
	
	.main-content-right { float: right; width: 520px; margin: 0px; padding: 0px; }
		.main-content-right-body { margin: 5px 10px 20px 5px; }
	
	.main-content-left { float: right; width: 280px; margin: 0px; padding: 0px; }
		.main-content-left-body { margin: 5px 20px 20px 20px; colo: #999999; font-size: 11px; }


.main-side { width: 180px; margin: 0px; padding: 0px; float: left; }
	.main-side-body { padding: 20px 20px 20px 10px; } 


/* footer */

.footer-body { margin: 0px; padding: 5px 20px 30px 20px; border-top: 2px solid #ff0000; font-size: 10px; color: #999999; text-align: right; } 
