/******************************************************************** ロールオーバーメニュー1128 ********************************************************************/ ul#top_menu{ padding : 0; margin : 0; width : 100%; list-style : none; } ul#top_menu li{ padding : 0; margin : 0; float : left; list-style : none; } ul#top_menu a{ display : block; width : 140px; /* ボタン画像のW */ height : 30px; /* ボタン画像のH */ background-repeat:no-repeat; text-decoration: none; text-align:center; padding-top:8px; font-size: 80%; color : gray } /*-------------------------------------------------------------------- HOME --------------------------------------------------------------------*/ ul#top_menu a.home1{ background-image : url(bw.gif); text-align:center; padding-top:8px; font-size: 80%; color : gray } ul#top_menu a:hover.home1{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- システム sys --------------------------------------------------------------------*/ ul#top_menu a.sys1{ background-image : url(bw.gif); text-decoration: none; text-align:center; padding-top:8px; font-size: 80%; color : gray } ul#top_menu a:hover.sys1{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- よくある質問 qa --------------------------------------------------------------------*/ ul#top_menu a.qa1{ background-image : url(bw.gif); } ul#top_menu a:hover.qa1{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- 体験談 voice --------------------------------------------------------------------*/ ul#top_menu a.voice1{ background-image : url(bw.gif); } ul#top_menu a:hover.voice1{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- 料金体系 ton --------------------------------------------------------------------*/ ul#top_menu a.ton1{ background-image : url(bw.gif); } ul#top_menu a:hover.ton1{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- 申込み camt --------------------------------------------------------------------*/ ul#top_menu a.camt1{ background-image : url(bw.gif); } ul#top_menu a:hover.camt1{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- イベント event --------------------------------------------------------------------*/ ul#top_menu a.eve{ background-image : url(bw.gif); } ul#top_menu a:hover.eve{ background-image : url(bg.gif); text-align:center; padding-top:8px; font-size: 80%; color : white } /*-------------------------------------------------------------------- システム system --------------------------------------------------------------------*/ ul#top_menu a.system_system1{ background-image : url(bw.gif); } ul#top_menu a:system_hover.system1{ background-image : url(bg.gif); } /* ヘッダ ---------------------------------------------------- */ #header { width: 701px; height: 182px; } #logo { display: block; float: left; width: 701px; padding-top: 0px; padding-left: 0px; } /* コンテンツ ---------------------------------------------------- */ #content { margin: 20px 0px; width: 680px; } #main { float: right; width: 500px; } #main h1 { margin: 0; font-size: small; } #main p { margin: 2em 0; font-size: 13px; line-height: 1.5em; } #main img#chair { float: right; margin: 0em 0em 0.4em 0.4em; } /******************************************************************** メイン ********************************************************************/ #main{ float:right; width:450px; } /******************************************************************** サイド ********************************************************************/ #side{ float:left; width:200px; } /******************************************************************** サイド2 ********************************************************************/ #btn1{ float:left; width:200px; } /******************************************************************** サイドロールオーバーメニュー ********************************************************************/ ul#side_menu{ padding : 0; margin : 0; float: left; width : 100%; list-style : none; } ul#side_menu li{ padding : 10; margin : 0; list-style : none; } ul#side_menu a{ display : block; width : 178px; /* ボタン画像のW */ height : 87px; /* ボタン画像のH */ background-repeat: no-repeat; text-decoration: none; text-align:center; padding-top:5px; font-size: 100%; color : #666666} /*-------------------------------------------------------------------- マスコミ掲載 --------------------------------------------------------------------*/ ul#side_menu a.mass{ background-image : url(mass.gif); } ul#side_menu a:hover.mass{ background-image : url(masst.gif); } /*-------------------------------------------------------------------- NHK nhk --------------------------------------------------------------------*/ ul#side_menu a.nhk{ background-image : url(movieb.gif); } ul#side_menu a:hover.nhk{ background-image : url(moviebt.gif); } /*-------------------------------------------------------------------- イベント event --------------------------------------------------------------------*/ ul#side_menu a.event{ background-image : url(eventlogo.gif); } ul#side_menu a:hover.event{ background-image : url(eventlogot.gif); } /*-------------------------------------------------------------------- インストラクター inst --------------------------------------------------------------------*/ ul#side_menu a.inst{ background-image : url(insto.gif); } ul#side_menu a:hover.inst{ background-image : url(instt.gif); } /*-------------------------------------------------------------------- インストラクター募集 instowe --------------------------------------------------------------------*/ ul#side_menu a.instowe{ background-image : url(sc2.gif); } ul#side_menu a:hover.instowe{ background-image : url(sc2t.gif); } /*-------------------------------------------------------------------- 相互リンク link --------------------------------------------------------------------*/ ul#side_menu a.link{ background-image : url(linkss.gif); } ul#side_menu a:hover.link{ background-image : url(linksst.gif); } /*-------------------------------------------------------------------- 病院でヨガ hop --------------------------------------------------------------------*/ ul#side_menu a.hop{ background-image : url(hop6.gif); } ul#side_menu a:hover.hop{ background-image : url(hop6t.gif); } /******************************************************************** センターロールオーバーメニュー0 ********************************************************************/ ul#center_menu0{ padding : 0; margin : 0; width : 100%; list-style : none; } ul#center_menu0 li{ padding : 10; margin : 0; float : left; list-style : none; } ul#center_menu0 a{ display : block; width : 415px; /* ボタン画像のW */ height : 152px; /* ボタン画像のH */ background-repeat: no-repeat; text-decoration: none; text-align:center; padding-top:5px; font-size: 80%; color : #666666} } /*-------------------------------------------------------------------- はたらく女性 --------------------------------------------------------------------*/ ul#center_menu0 a.tp{ background-image : url(top1.gif); } ul#center_menu0 a:hover.tp{ background-image : url(top1t.gif); } /*-------------------------------------------------------------------- はたらく男性 --------------------------------------------------------------------*/ ul#center_menu0 a.tp2{ background-image : url(top2.gif); } ul#center_menu0 a:hover.tp2{ background-image : url(top2t.gif); } /******************************************************************** センターロールオーバーメニュー1 ********************************************************************/ ul#center_menu{ padding : 0; margin : 0; width : 100%; list-style : none; } ul#center_menu li{ padding : 10; margin : 0; float : left; list-style : none; } ul#center_menu a{ display : block; width : 423px; /* ボタン画像のW */ height : 78px; /* ボタン画像のH */ background-repeat: no-repeat; text-decoration: none; text-align:center; padding-top:8px; font-size: 80%; color : #666666 } /*-------------------------------------------------------------------- メリット1 --------------------------------------------------------------------*/ ul#center_menu a.merit1{ background-image : url(1merit.gif); } ul#center_menu a:hover.merit1{ background-image : url(1meritt.gif); } /*-------------------------------------------------------------------- メリット2 --------------------------------------------------------------------*/ ul#center_menu a.merit2{ background-image : url(2merit.gif); } ul#center_menu a:hover.merit2{ background-image : url(2meritt.gif); } /*-------------------------------------------------------------------- メリット3 --------------------------------------------------------------------*/ ul#center_menu a.merit3{ background-image : url(3meri.gif); } ul#center_menu a:hover.merit3{ background-image : url(3merit.gif); } /******************************************************************** センターロールオーバーメニュー2 ********************************************************************/ ul#center2_menu{ padding : 0; margin : 0; width : 100%; list-style : none; } ul#center2_menu li{ padding : 0; margin-left :23; margin-right :30; float : left; list-style : none; } ul#center2_menu a{ display : block; width : 178px; /* ボタン画像のW */ height : 87px; /* ボタン画像のH */ background-repeat: no-repeat; } /*-------------------------------------------------------------------- 東京の会社でヨガ --------------------------------------------------------------------*/ ul#center2_menu a.tont{ background-image : url(moneytokyotop.gif); } ul#center2_menu a:hover.tont{ background-image : url(moneytokyotopt.gif); } /*-------------------------------------------------------------------- 大阪の会社でヨガ --------------------------------------------------------------------*/ ul#center2_menu a.tono{ background-image : url(moneyosakatop.gif); } ul#center2_menu a:hover.tono{ background-image : url(moneyosakatopt.gif); } /*-------------------------------------------------------------------- 福利厚生 ヨガ --------------------------------------------------------------------*/ ul#center2_menu a.shachou{ background-image : url(shachou.gif); } ul#center2_menu a:hover.shachou{ background-image : url(shachout.gif); } /*-------------------------------------------------------------------- コミュニケーション ヨガ --------------------------------------------------------------------*/ ul#center2_menu a.nakama{ background-image : url(nakama01.gif); } ul#center2_menu a:hover.nakama{ background-image : url(nakama01t.gif); } /******************************************************************** センターロールオーバーメニュー3 ********************************************************************/ ul#center3_menu{ padding : 13; margin : 0; width : 100%; list-style : none; } ul#center3_menu li{ padding : 0; margin : 0; margin-left :9; float : left; list-style : none; } ul#center3_menu a{ display : block; width : 440px; /* ボタン画像のW */ height : 87px; /* ボタン画像のH */ background-repeat: no-repeat; text-indent:-600px; overflow:hidden; } /*-------------------------------------------------------------------- 福利厚生 ヨガ --------------------------------------------------------------------*/ ul#center3_menu a.shachou{ background-image : url(shachoub.gif); } ul#center3_menu a:hover.shachou{ background-image : url(shachoubt.gif); } /******************************************************************** センターロールオーバーメニュー0 ********************************************************************/ ul#center0_menu{ padding : 0; margin : 5; width : 100%; list-style : none; } ul#center0_menu li{ padding : 0; margin-left :23; list-style : none; } ul#center0_menu a{ display : block; width : 391px; /* ボタン画像のW */ height : 98px; /* ボタン画像のH */ background-repeat: no-repeat; background-repeat: no-repeat; text-decoration: none; text-align:center; padding-top:5px; font-size: 100%; color : #666666} } /*-------------------------------------------------------------------- キャンペーン --------------------------------------------------------------------*/ ul#center0_menu a.cam{ background-image : url(cam2.gif); } ul#center0_menu a:hover.cam{ background-image : url(cam2t.gif); } /******************************************************************** センターロールオーバーメニュー5 ********************************************************************/ ul#center_menu5{ padding : 0; margin : 0; width : 100%; list-style : none; } ul#center_menu5 li{ padding : 10; margin : 0; float : left; list-style : none; } ul#center_menu5 a{ display : block; width : 423px; /* ボタン画像のW */ height : 78px; /* ボタン画像のH */ background-repeat: no-repeat; text-decoration: none; text-align:center; padding-top:8px; font-size: 80%; color : #666666 } /*-------------------------------------------------------------------- メリット1 --------------------------------------------------------------------*/ ul#center_menu5 a.st{ background-image : url(instobotan.gif); } ul#center_menu5 a:hover.st{ background-image : url(instobotant.gif); } /******************************************************************** センターロールオーバーメニュー7 ********************************************************************/ ul#center_menu7{ padding : 0; margin : 0; width : 100%; list-style : none; } ul#center_menu7 li{ padding : 10; margin : 0; float : left; list-style : none; } ul#center_menu7 a{ display : block; width : 178px; /* ボタン画像のW */ height : 48px; /* ボタン画像のH */ background-repeat: no-repeat; text-decoration: none; text-align:center; padding-top:8px; font-size: 80%; color : #666666 } /*-------------------------------------------------------------------- イベントフォーム --------------------------------------------------------------------*/ ul#center_menu7 a.s{ background-image : url(0s.gif); } ul#center_menu7 a:hover.s{ background-image : url(00s.gif); } /******************************************************************** サイドメニュー ********************************************************************/ #btn1 { width:180px; display:block; font-size: 80%; text-align:left; } #btn1 li { margin-bottom:0.8em; padding-bottom:0.3em; list-style:none; border-bottom:1px dotted #cccccc; } #btn1 a { text-decoration:none; padding-left:0.4em; border-left:3px solid #ffffff; } #btn1 a:hover { padding-left:0.4em; border-left:3px solid #ff8080; }