@charset "utf-8";
/* CSS Document */
* { border: none; text-decoration: none; list-style-type: none; margin: 0; padding: 0; font-weight: normal; color: #666;}

body { background-color: #fff7f7; font-family: "ＭＳ ゴシック", "Osaka－等幅", sans-serif;}

h1 { width: 500px; height: 20px; font-size: 10px; color: #666; line-height: 20px; float: left;}

#wrapper { width: 770px; margin: 0 auto; background-color: #fff; clear: both;}

#header { width: 750px; height: 550px; background: #fff url(../img/head_index.png) top left no-repeat; padding: 0 10px; float: left;}

#head { width: 750px; height: 100px; float: left;}

#head_info { width: 250px; height: 85px; text-align: right; float: right; padding-top: 15px; line-height: 12px;}

.p10 { color: #f33; font-size: 12px;}
.p20 { color: #f33; font-size: 20px; line-height: 22px; height: 22px; font-weight: bold;}
.p15 { color: #f33; font-size: 15px; line-height: 15px; height: 15px; font-weight: bold;}

#head_info p { font-size: 10px; line-height: 15px;}

#top_menu { width: 250px; height: 400px; float: left; padding-top: 50px;}
#top_menu ul li a { display: block; width: 250px; height: 30px; float: left; background-position: left; text-indent: -9999px; margin-bottom: 20px;}
li a.m1 { background: url(../img/top_menu_01.png);}
li a.m2 { background: url(../img/top_menu_02.png);}
li a.m3 { background: url(../img/top_menu_03.png);}
li a.m4 { background: url(../img/top_menu_04.png);}
li a.m5 { background: url(../img/top_menu_05.png);}
li a.m6 { background: url(../img/top_menu_06.png);}
li a.m7 { background: url(../img/top_menu_07.png);}
li a.m8 { background: url(../img/top_menu_08.png);}
#top_menu ul li a:hover { background-position: right;}

#flash { width: 470px; height: 430px; float: right; border: #666 1px solid;}

#news { width: 708px; float: left; border: #666 1px solid; background: #fff; margin: 10px; padding: 10px 20px;}
#news p { font-size: 12px;}
#news p.center { text-align: center; margin-bottom: 10px; font-weight: bold;}

#center { width: 770px; height: 710px; background: #fff url(../img/bg_btm.png) bottom center no-repeat; float: left;}

#middle { width: 748px; height: 698px; border: #666 1px solid; margin: 0 10px; float: left;}
#md_01 { width: 469px; height: 105px; float: left; padding: 20px 10px 0 20px;}
#md_01 p { font-size: 12px; color: #666; line-height: 14px;}
#md_02 { width: 218px; height: 560px; border-left: #666 1px solid; float: right; margin-top: 10px; padding: 10px 0 0 30px;}
#md_02 p { font-size: 12px; line-height: 20px; color: #666;}
#md_02 p.title { font-size: 14px; line-height: 54px;}
.red { color: #f66;}
#md_03 { width: 228px; height: 555px; border-right: #666 1px solid; float: left; padding: 10px 0 0 20px; font-size: 12px; line-height: 14px;}
#pt_01 { width: 228px; height: 210px; float: left;}
#pt_01 p { margin-top: 10px; font-size: 12px; color: #666; line-height: 14px;}
#pt_02 { width: 228px; height: 210px; float: left;}
#pt_02 p { margin-top: 10px; font-size: 12px; color: #666; line-height: 14px;}
#md_04 { width: 228px; height: 445px; float: left; padding: 10px 0 0 20px;}
#md_04 a { display: block; width: 208; height: 90px; padding-bottom: 22px; float: left;}
#md_05 { width: 469px; height: 99px; padding: 10px 0 0 20px; float: left;}
#md_05 img { float: left;}

#footer { width: 770px; height: 100px; background: url(../img/bg_footer.png) top left no-repeat; float: left;}
#footer p { color: #fff; text-align: center; font-size: 10px; line-height: 20px; margin-top: 20px;}
#footer a { color: #fff;}