@charset "UTF-8";

/* CSS Document */


INDEX
#index				{ margin:0; padding:0; }

/* ==================================================
INDEX
===================================================== */
p { position : absolute ; padding:0px; margin:0px; }

html { padding:0px; margin:0px; }
body { background:#000; padding:0px; margin:0px; text-align:center;
	font-family : 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; color:#333; font-size:12px; line-height:1.5em;
	letter-spacing:0.1em;border:0;
}

#container { text-align: center; /* 古いIE向け */ }
#container #header { background:url(../img/mco_hed_logo.jpg) top left no-repeat; width:924px; height:110px; margin: 0 auto; /* モダンブラウザ向け */ padding: 0; text-align: left; /* 古いIE向け記述の後処理 */ }
#container #header .hedBox1 { float:right; text-align: right; width:283px; height:90px; margin:20px 0 0 0; }
#container #header .hedBox1 img { margin:8px 0 0 0; }

#container #contents { background:url(../img/mco_main_img2.jpg) top left no-repeat; width:924px; height:395px; margin: 0 auto; /* モダンブラウザ向け */ padding: 0; text-align: left; /* 古いIE向け記述の後処理 */ position:relative; }
#container #contents .btnBox1{ position:absolute; top:74px; left:574px; z-index:1; width:105px; height:105px; }
#container #contents .btnBox2{ position:absolute; top:189px; left:574px; z-index:1; width:314px; height:29px; }
#container #contents .btnBox3{ position:absolute; top:237px; left:574px; z-index:1; width:314px; height:120px; }

#container #contents2 { width:924px; margin: 0 auto; /* モダンブラウザ向け */ padding: 0; text-align: left; /* 古いIE向け記述の後処理 */ }
#container #contents2 .leftBox{ float:left; width:572px; margin: 0 40px 0 0; }
#container #contents2 .leftBox img{ margin: 25px 0 0 0; }
#container #contents2 .rightBox{ float:left; width:312px; }
#container #contents2 .rightBox .rig_ttl{ margin: 25px 0 0 0; }


#futter { text-align: center; /* 古いIE向け */ }
#futter #fcontents { width:924px; height:100px; margin: 0 auto; /* モダンブラウザ向け */ padding: 0; text-align: left; /* 古いIE向け記述の後処理 */ background:url(../img/mco_ftr_img1.jpg) top left no-repeat; }
/* ==================================================
clear
===================================================== */
span.clear	{ display:block; clear:both; height:0; margin:0; padding:0; font-size:0px; line-height:0px; }
img			{ border:0; }