/* �䤤��碌�ܥ��2009/07/27�ɲá� */ #toiawase { position: absolute; top: 10px; right: 10px; } /* Q&A�ܥ��2012/07/19�ɲá� */ #qanda_btn { position: absolute; top: 47px; right: 164px; } /************************** �� **************************/ body { font-size: 95%; font-family: "�ᥤ�ꥪ"; min-width: 1020px; background: #fff; } .inner { width: 1000px; padding: 0 10px; margin: auto; /* ��󥿥�� */ } /************************** �إå�� **************************/ /* ɸ��С��*/ #header { background: #FFF url("../-img/share/header.jpg") repeat-x 0 100%; } /*2011��ꥹ�ޥ�/��С��*/ #header.season { background: #FFF url("../-img/index/2013season/header_2013christmas_bg.jpg") repeat-x 0 100%; } /*��ꥹ�ޥ�/��С��end*/ #header .inner { position: relative; } #header a:hover, #header a:focus { outline: none; } #siteLogo { padding: 25px 0; } #siteLogo a { display: block; width: 398px; height: 45px; background: url(../-img/share/siteLogo.png) no-repeat; text-indent: -999em; overflow: hidden; } #mainNavi { height: 30px; padding-bottom: 10px; } #mainNavi ul li { display: block; float: left; line-height: 34px; } #mainNavi ul li a { display: block; height: 100%; padding: 0 0; overflow: hidden; } /**************************** �Хå��饦��ɥݥ��ˤ�� ޥ��ΰ��֤�Ĵ�� ߥڡ��ID�ǻ�� γƥ��֤�� home 130px school 160px locator 130px special 150px **fitness 80px corp 80px saiyo 80px privacy 130px ****************************/ .mainTab a { background-image: url("../-img/share/mainNavi_20091102.gif"); text-indent: -999em; } .mainTab.home { width: 139px; } .mainTab.school { width: 121px; } .mainTab.locator { width: 130px; margin-left: -110px; } .mainTab.special { width: 150px; } .mainTab.suggest { width: 150px; } .mainTab.fitness { width: 80px; } .mainTab.corp { width: 100px; margin-left: 45px; } .mainTab.saiyo { width: 115px; } .mainTab.privacy { width: 138px; } .mainTab.home a { background-position: 0px -6px; } .mainTab.school a { background-position: -139px -6px; } .mainTab.locator a { background-position: -257px -6px; } .mainTab.special a { background-position: -387px -6px; } .mainTab.suggest a { background-position: -540px -6px; } .mainTab.fitness a { background-position: -470px -6px; } .mainTab.corp a { background-position: -700px -6px; } .mainTab.saiyo a { background-position: -800px -6px; } .mainTab.privacy a { background-position: -860px -6px; } .mainTab.home a:hover { background-position: 0px 40px; } .mainTab.school a:hover { background-position: -139px -98px; } .mainTab.locator a:hover { background-position: -257px -97px; } .mainTab.special a:hover { background-position: -387px -97px; } .mainTab.suggest a:hover { background-position: -540px -98px; } .mainTab.fitness a:hover { background-position: -470px -99px; } .mainTab.corp a:hover { background-position: -700px -98px; } .mainTab.saiyo a:hover { background-position: -800px -98px; } .mainTab.privacy a:hover { background-position: -860px -99px; } .mainTab.home a:focus { background-position: 0px -236px; } .mainTab.school a:focus { background-position: -139px -98px; } .mainTab.locator a:focus { background-position: -257px -97px; } .mainTab.special a:focus { background-position: -387px -97px; } .mainTab.suggest a:focus { background-position: -540px -98px; } .mainTab.fitness a:focus { background-position: -470px -99px; } .mainTab.corp a:focus { background-position: -700px -98px; } .mainTab.saiyo a:focus { background-position: -800px -98px; } .mainTab.privacy a:focus { background-position: -860px -99px; } #index .mainTab.home a { background-position: 0px -236px; } #school .mainTab.school a { background-position: -139px 40px; } #locator .mainTab.locator a { background-position: -257px 40px; } #special_class .mainTab.special a { background-position: -387px 40px; } #special .mainTab.fitness a { background-position: -570px 40px; } #suggest .mainTab.fitness a { background-position: -540px 40px; } #corp .mainTab.corp a { background-position: -696px 40px; } #saiyo .mainTab.saiyo a { background-position: -800px 40px; } #privacy .mainTab.privacy a { background-position: -860px 40px; } /************************** �إå��ΥХʡ� 2009/10/09 updated **************************/ /*2011��ꥹ�ޥ�/��С��󥻥��*/ #sesame-season { position: absolute; /*��newyear�С�� left: 480px;��*/ left: 330px; /* ɸ��С�� left: 420px; */ top: 25px; padding: 0 0 0 95px; width: 405px; height: 50px; z-index: 10; /* IE6 */ _padding-top: 0px; _height: 50px; } #siteLogo_season { padding: 19px 0 12px; } #siteLogo_season a { display: block; width: 410px; height: 44px; background: url(../-img/index/2011season/itoman_logo.png) no-repeat; text-indent: -999em; overflow: hidden; } #toiawase_season { position: absolute; top: 30px; right: 10px; text-align: right; z-index: 10; } #toiawase_season span { display: block; margin-bottom: 4px; color: #FFFFFF; font-size: 9px; height: 12px; } /*��ꥹ�ޥ�/��С��󤳤��ޤ�*/ #toiawase { position: absolute; top: 30px; right: 10px; text-align: right; z-index: 10; } #toiawase span { display: block; margin-bottom: 4px; color: #666; font-size: 9px; height: 12px; } #br_toitsu-itoman { position: absolute; left: 550px; top: 28px; width: 232px; height: 49px; z-index: 10; } #br_toitsu-itoman a { display: block; height: 100%; background: url(../-img/banner/br_toitsu-itoman.gif) no-repeat; text-indent: -9999px; } #sesame, #sesame-left { position: absolute; /*��newyear�С�� left: 480px;��*/ left: 420px; /* ɸ��С�� left: 420px; */ top: 20px; padding: 5px 0 0 0; width: 131px; height: 40px; /*��ʤϤ��ɤ�Ѹ�� background: url(../-img/banner/kodomo_20110824.gif) no-repeat; */ z-index: 10; /* IE6 */ _padding-top: 30px; _height: 31px; } #sesame a, #sesame-left2 a { width: 131px; font-size: 10px; } #sesame-left2 { left: 420px; top: 10px; } .sitemap_h { position: absolute; top: 10px; right: 10px; text-align: right; z-index: 10; } .sitemap_h a { display: block; margin-bottom: 4px; color: #666; font-size: 9px; text-decoration: none; height: 12px; background: url("../-img/share/link_footer.gif") no-repeat 0 .4em; padding-left: 14px; } /************************** #container **************************/ /*#container { background: #E8FCFC url("../-img/share/container_base.jpg") repeat-x 50% 0; }*/ #container { background: #fff url("../-img/share/container_base.jpg") repeat-x 50% 0; } #container .inner { background: url("../-img/share/inner_base.png") repeat-y 50% 0; } #topicpath { padding: 0 9px; font-size: .75em; color: #333333; height: 24px; line-height: 24px; /* border-bottom: 1px solid #C7C7C7;*/ cursor: default; } #topicpath .home { padding-left: 1.6em; background: url(../-img/share/home.gif) no-repeat; background-size: contain; } #topicpath em, #topicpath a { color: #333333; text-decoration: none; } #topicpath a:hover { /* color: #444;*/ text-decoration: underline; } /************************** �եå�� **************************/ #footer { padding: 1.6em 0 6em; background: #fff; } #footer .inner { background: none; width: 780px; } #groupSites { margin-top: 1px; text-align: center; margin-left: auto; margin-right: auto; } #groupSites ul li { display: block; float: left; margin-left: 5px; height: 36px; border: 1px solid #999; } #footInfo { height: 50px; color: #666; font-size: .75em; cursor: default; text-align: center; margin-left: auto; margin-right: auto; } #copyright { margin-bottom: .2em; padding-bottom: .2em; font-family: "Trebuchet MS", "Verdana", "Geneva", "sans-serif"; border-bottom: 1px solid #999; } #footLink ul li { display: inline; padding-right: 1em; } #footLink ul li a { color: #666; text-decoration: none; background: url("../-img/share/link_footer.gif") no-repeat 0 .4em; padding-left: 14px; } #footLink ul li a:hover { text-decoration: underline; } /**************************** CLEARFIX �ե��Ȥ��طʤ��ʤ��ʤ�Τ��ɤ� �Ȥ��ܥå��Τ��٤Ƥ��Ǥ� ��٤ƥե��ȤΤȤ�� ܥå��ι⤵��ˤʤ�Τǡ��֥饦�� ι⤵��Ū�˻��Ф�� IE6��MacIE5�ޤǤΤۤȤ�ɤΥ֥饦�� б��Ƥ��ޤ�� ****************************/ #footer .inner:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } #footer .inner { display: inline-block; } /* exlude MacIE5 \*/ * html #footer .inner { height: 1% } #footer .inner { display: block; } /* end MacIE5 */ ul#menu { width: 100%; position: absolute; z-index: 100000; } ul.sub { height: 39px; overflow: hidden; font-size: 15px; text-align: center; float: left; } ul.sub li { height: 39px; line-height: 30px; background: #BFDFFF; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; } ul.sub li:hover { height: 39px; line-height: 30px; cursor: pointer; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; } ul.sub li.mainTab { opacity: 1; } ul#menu li { float: left; } ul#menu .sub li { float: none; } ul.sub li a.first { font-size: 18px; text-align: left; margin-left: 10px; text-decoration: underline; } ul.sub li a.sec { font-size: 15px; text-align: left; margin-left: 28px; text-decoration: underline; } ul.sub li a.third { font-size: 15px; text-align: left; margin-left: 10px; text-decoration: underline; } ul.sub li:not(:first-child) { padding-right: 10px; }