@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
home
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

body { background: #F4F4F4; text-align: center; color: #555; }
td { font-size: 75%; }
.homeBg { background: url(../images/bg.gif) repeat-x left center; }
#homeContentAreaOuter { margin: 33px auto 0 auto; width: 1110px; text-align: left; }
#homeContentArea { width: 1110px; height: 604px; }

/*左*/
#homeContentAreaLeft { float: left; width: 785px; }
p.importantMessage { margin-left: 10px; height: 29px; line-height: 29px; color: #F30; font-weight: bold; }
.homeContentBg { background: url(../images/content_bg.gif) no-repeat 0 0; }
.homeContentBgBottom { background: url(../images/content_bg_bottom.gif) no-repeat left bottom;  }
.homeContentBgTop { background: url(../images/content_bg_top.gif) repeat-y 0 0; }

/*右*/
#homeContentAreaRight { position: relative; float: right; width: 325px; height: 604px; background: url(../images/bingo_img.jpg) no-repeat right bottom; }

/*-------------------------------------------------------------
bingo!CMS最新情報
-------------------------------------------------------------*/
#bingoNews { position: absolute; width: 408px; top: 0; left: -100px; }
#bingoNews h3#bingoNewsTitle { display: block; width: 408px; height: 30px; background: url(../images/bingo_news_title.gif) no-repeat 0 0; text-indent: -9999px; font-size: 0.5em; }
.bingoNewsBg { background: url(../images/news_bg.gif) no-repeat 0 0; }
.bingoNewsBgBottom { background: url(../images/news_bg_bottom.gif) no-repeat 0 0; }
.bingoNewsBgTop { background: url(../images/news_bg_top.gif) repeat-y 0 0; }
#bingoInfoOuter { padding: 8px 20px 8px 38px; }
#bingoInfo { padding-right: 10px; height: 113px; overflow: auto; }
#bingoInfo h3 { margin: 0 0 5px 0 !important; padding: 0; font-weight: bold; }
#bingoInfo p { line-height: 1.5em; padding-bottom: 20px !important; }
#bingoInfo ul { margin: 0; padding: 0; list-style-position: outside; list-style-type: none; }
#bingoInfo li { margin: 0; padding: 0; }
#bingoInfo p { margin: 0; padding-bottom: 10px; }
#bingoInfo h3 { margin: 0; padding: 0; }






#homeContent { padding: 15px 41px 11px 43px; }
#homeContent p { line-height: 1.5em !important; }
#homeContent h1 { display: block; width: 439px; height: 65px; background: url(../images/title.gif) no-repeat 0 0; text-indent: -9999px; font-size: 1em; }
#homeContent h2 { display: block; width: 195px; height: 27px; background: url(../images/sub_title.gif) no-repeat 0 0; text-indent: -9999px; font-size: 1em; }
#homeContent ol { margin: 0; padding: 0; width: 701px; height: 223px; list-style-type: none; }
#homeContent li { float: left; margin: 0; padding: 0; }
#homeContent li.step1 { width: 188px; padding-top: 18px; }
#homeContent li.step1 a { display: block; width: 188px; height: 185px; background: url(../images/step_01.gif) no-repeat 0 0; text-indent: -9999px; }
#homeContent li.step1 a:hover { background: url(../images/step_01.gif) no-repeat 0 -185px; }
#homeContent li.step2 { width: 190px; padding-top: 68px; }
#homeContent li.step2 a { display: block; width: 190px; height: 155px; background: url(../images/step_02.gif) no-repeat 0 0; text-indent: -9999px; }
#homeContent li.step2 a:hover { background: url(../images/step_02.gif) no-repeat 0 -155px; }
#homeContent li.step3 { width: 189px; padding-top: 0; }
#homeContent li.step3 a { display: block; width: 189px; height: 185px; background: url(../images/step_03.gif) no-repeat 0 0; text-indent: -9999px; }
#homeContent li.step3 a:hover { background: url(../images/step_03.gif) no-repeat 0 -185px; }
#homeContent li.step4 { width: 134px; padding-top: 76px; }
#homeContent li.step4 span { display: block; width: 134px; height: 132px; background: url(../images/step_04.gif) no-repeat 0 0; text-indent: -9999px; }


/*ナビゲーション*/
#homeNavigationArea { widoth: 701px; margin-top: 10px; }
#homeNavigationArea ul { list-style-type: none; }
#homeNavigationArea li { }
#homeNavigationArea li a { float: left; display: block; height: 52px; text-indent: -9999px; }
#homeNavigationArea li.btn1 a { width: 151px; background: url(../images/btn_manual.gif) no-repeat 0 0; }
#homeNavigationArea li.btn2 a { width: 214px; background: url(../images/btn_design_tips.gif) no-repeat 0 0; }
#homeNavigationArea li.btn3 a { width: 187px; background: url(../images/btn_program_tips.gif) no-repeat 0 0; }
#homeNavigationArea li.btn4 a { width: 149px; background: url(../images/btn_community.gif) no-repeat 0 0; }
#homeNavigationArea li a:hover { background-position: 0 -52px; }