/*---------------------------------------------------- 基本設定、リンクカラー、レイアウト、横幅設定など ----------------------------------------------------*/ a:link {color:#FF6837;} a:visited {color:#0099cc;} a:hover {color:#ff0066;text-decoration: none;} a:active {color:#ff0066;} body{ background:url(../data/bg.gif) repeat-x top;} #all { width:100%; margin: 0 auto 30px auto; background:url(../data/bg_btm.gif) repeat-x bottom; text-align: left;} #layout{ width: 950px; margin: 0 auto;} #contents{ width: 950px; margin: 0 auto;} #main { position:relative; float: left; margin:0 auto; width: 705px;} #side { float: right; width: 230px;} #footer { width:100%;} /* ----------------------------------------------------------- #header ----------------------------------------------------------- */ #header { width:100%; height:77px; position:relative;} #header .typeNavi{ margin:0 0 0 auto;} #header h1{ margin-top:20px;} #header .frameL{ padding-top:20px;} #header .option{ width:228px; border:1px solid #c2b8a2; border-top:none; position:absolute; right:2px; background:#fdfbf8; height:100px; top: 2px; } #header .option a, #header .option a:visited{ color:#333;} #header .option .topBox{ background:#facf7d; padding:5px 3px;} #header .option .topBox .jumpCom{ width:90px;} #header .option .topBox .jumpCom a{ line-height:28px; text-align:center;} #header .option .topBox .switch{ margin-right:3px;} #header .option .topBox .fontM{ padding-left:60px; background:url(../data/text_fontsize.gif) left center no-repeat;} #header .option .topBox .switch a{ width:28px; height:28px; text-indent:-9999px; overflow:hidden; outline:none;} #header .option .topBox .fontM a {background:url(../data/icon_fontsize.gif) no-repeat 0 0;} #header .option .topBox .fontM a:hover, #header .option .topBox .fontM a.selected {background:url(../data/icon_fontsize.gif) no-repeat 0 -28px;} #header .option .topBox .fontL a {background:url(../data/icon_fontsize.gif) no-repeat -28px 0;} #header .option .topBox .fontL a:hover, #header .option .topBox .fontL a.selected {background:url(../data/icon_fontsize.gif) no-repeat -28px -28px;} #header .option .btmBox{ padding:5px;} #header .option .btmBox li{ margin:0;} #header .option .btmBox a{ display:inline; padding:0 3px; font-size:12px;} #header .option .siteSearch{ text-align:center;} #header .option .siteSearch .inputSearch{ width:140px; ime-mode:active; background:url(../data/icon_search.gif) no-repeat 3px center #fff; border:1px solid #d0b394; padding:2px; padding-left:20px; vertical-align:middle; margin-right:5px;} #header .option .siteSearch .btnSearch{ background:url(../data/btn_search.gif) no-repeat ; border:none; text-indent:-9999px; width:40px; height:22px; vertical-align:middle;} /* ----------------------------------------------------------- #navi ----------------------------------------------------------- */ #navi{ width:100%; } #navi li{ margin-right:3px;} #navi li a{ width:115px;height:36px; text-indent:-9999px; overflow:hidden; outline:none;} #navi .naviHome a{background:url(../data/navi.jpg) no-repeat 0 0;} #navi .naviNews a{background:url(../data/navi.jpg) no-repeat -120px 0;} #navi .naviCalender a{background:url(../data/navi.jpg) no-repeat -240px 0;} #navi .naviInvest a{background:url(../data/navi.jpg) no-repeat -360px 0;} #navi .naviReason a{background:url(../data/navi.jpg) no-repeat -480px 0;} #navi .naviItem a{background:url(../data/navi.jpg) no-repeat -600px 0;} #navi .naviHome a.selected, #navi .naviHome a.selected:visited, #navi .naviHome a:hover{background:url(../data/navi.jpg) no-repeat 0 -36px ;} #navi .naviNews a.selected, #navi .naviNews a.selected:visited, #navi .naviNews a:hover{background:url(../data/navi.jpg) no-repeat -120px -36px ;} #navi .naviCalender a.selected, #navi .naviCalender a.selected:visited, #navi .naviCalender a:hover{background:url(../data/navi.jpg) no-repeat -240px -36px ;} #navi .naviInvest a.selected, #navi .naviInvest a.selected:visited, #navi .naviInvest a:hover{background:url(../data/navi.jpg) no-repeat -360px -36px ;} #navi .naviReason a.selected, #navi .naviReason a.selected:visited, #navi .naviReason a:hover{background:url(../data/navi.jpg) no-repeat -480px -36px ;} #navi .naviItem a.selected, #navi .naviItem a.selected:visited, #navi .naviItem a:hover{background:url(../data/navi.jpg) no-repeat -600px -36px ;} /*静的HTML用*/ #gNavi{ width:100%; } #gNavi li{ margin-right:3px;} #gNavi li a{ width:115px;height:36px; text-indent:-9999px; overflow:hidden; outline:none;} #gNavi .navi00 a{background:url(../data/navi.jpg) no-repeat 0 0;} #gNavi .navi01 a{background:url(../data/navi.jpg) no-repeat -120px 0;} #gNavi .navi02 a{background:url(../data/navi.jpg) no-repeat -240px 0;} #gNavi .navi03 a{background:url(../data/navi.jpg) no-repeat -360px 0;} #gNavi .navi04 a{background:url(../data/navi.jpg) no-repeat -480px 0;} #gNavi .navi05 a{background:url(../data/navi.jpg) no-repeat -600px 0;} #gNavi .navi00 a.selected, #gNavi .navi00 a.selected:visited, #gNavi .navi00 a:hover{background:url(../data/navi.jpg) no-repeat 0 -36px ;} #gNavi .navi01 a.selected, #gNavi .navi01 a.selected:visited, #gNavi .navi01 a:hover{background:url(../data/navi.jpg) no-repeat -120px -36px ;} #gNavi .navi02 a.selected, #gNavi .navi02 a.selected:visited, #gNavi .navi02 a:hover{background:url(../data/navi.jpg) no-repeat -240px -36px ;} #gNavi .navi03 a.selected, #gNavi .navi03 a.selected:visited, #gNavi .navi03 a:hover{background:url(../data/navi.jpg) no-repeat -360px -36px ;} #gNavi .navi04 a.selected, #gNavi .navi04 a.selected:visited, #gNavi .navi04 a:hover{background:url(../data/navi.jpg) no-repeat -480px -36px ;} #gNavi .navi05 a.selected, #gNavi .navi05 a.selected:visited, #gNavi .navi05 a:hover{background:url(../data/navi.jpg) no-repeat -600px -36px ;} #gNavi .navi06, #gNavi .navi07, #gNavi .navi08, #gNavi .navi09, #gNavi .navi010, #gNavi .navi011, #gNavi .navi012, #gNavi .navi013, #gNavi .navi014, #gNavi .navi015, #gNavi .navi016, #gNavi .navi017, #gNavi .navi018, #gNavi .navi019{ display:none;} /* ----------------------------------------------------------- #subNavi ----------------------------------------------------------- */ #subNavi{ width:100%;height:31px; } #subNavi li{ padding-right:10px;} #subNavi li a, #subNavi li a:visited{ padding-left:10px; color:#fff; line-height:31px; padding-left:18px; background:url(../data/icon_subnavi.gif) no-repeat 0 8px; text-decoration:none} #subNavi li a.selected, #subNavi li a.selected:visited, #subNavi li a:hover{ text-decoration:underline; background:url(../data/icon_subnavi.gif) no-repeat 0 -23px;} #subNavi li a.selected, #subNavi li a.selected:visited{ font-weight:bold; text-decoration:none;} /*静的ページ用サブナビ（#main内）*/ #main #subNavi{ clear:both; width:950px; position:absolute; top:-61px; right:-245px; background:url(../data/bg_subnavi.jpg) repeat-x;} #main #subNavi .partsTxt{ margin:0;} /* ----------------------------------------------------------- #main ----------------------------------------------------------- */ #main{ margin-top:60px; background:#faf7f1; border:1px solid #BEB39F; margin-bottom:50px;} /* ----------------------------------------------------------- #footer ----------------------------------------------------------- */ #footer { width:950px; height:325px; clear:both; font-size:12px; margin:30px auto 0 auto;} #footer #map{ padding:15px 0; overflow:hidden; width:100%; height:180px;} #footer #map .partsTxt{ float:left; line-height:1.6; padding:0 30px 0 0;} #footer #map .partsTxt a{ color:#333;} #footer #map .partsTxt .title{ font-weight:bold;} #footer #disclaimer{ height:60px;} #footer #footerMenu{ text-align:center; height:27px;} #footer #footerMenu li{ display:inline; padding:0 5px;} #footer #footerMenu li a, #footer #footerMenu li a:visited{ color:#fff; line-height:27px;} #footer #copyright{ padding-top:10px; text-align:center;} /*---------------------------------------------------- #side ----------------------------------------------------*/ #side{ position:relative; top:60px; right:0; margin-bottom:75px;} .sideBox{ background:#faf7f1; overflow:hidden; clear:both; width:228px; margin:0 auto 15px auto; border:1px solid #CCC1AF;} .sideBox .more{ border-top:1px solid #fff; text-align:right; padding:5px 10px 10px 10px;} .sideBox .more a{ padding:3px 0 3px 25px; background:url(../data/icon_orange.jpg) no-repeat;} #sideTop{ background:none; border:none; width:230px;} #sideTop a{ display:block; text-indent:-9999px; overflow:hidden; outline:none;} #sideTop .btnLogin{ margin-bottom:5px;} #sideTop .btnLogin a {background:url(../data/btn_login.jpg) no-repeat 0 0;height:65px;} #sideTop .btnLogin a:hover {background:url(../data/btn_login.jpg) no-repeat -230px 0;} #sideTop .btnAccount a {background:url(../data/btn_account.jpg) no-repeat 0 0;height:45px;} #sideTop .btnAccount a:hover{background:url(../data/btn_account.jpg) no-repeat 0 -50px;} #sideVisitor p.title{ text-indent:-9999px; height:30px; background:url(../data/side_visitor_title.gif) no-repeat;} #sideVisitor ul{ width:200px; margin:10px auto 0 auto;} #sideVisitor li{ margin-bottom:5px;} #sideVisitor li a{ display:block; text-indent:-9999px; overflow:hidden; outline:none; width:199px;height:34px;} #sideVisitor .list01 a{ background:url(../data/side_btn_visitor.jpg) no-repeat 0 0;} #sideVisitor .list02 a{ background:url(../data/side_btn_visitor.jpg) no-repeat 0 -34px;} #sideVisitor .list03 a{ background:url(../data/side_btn_visitor.jpg) no-repeat 0 -68px; height:50px;} #sideVisitor .list01 a:hover{ background:url(../data/side_btn_visitor.jpg) no-repeat -199px 0;} #sideVisitor .list02 a:hover{ background:url(../data/side_btn_visitor.jpg) no-repeat -199px -34px;} #sideVisitor .list03 a:hover{ background:url(../data/side_btn_visitor.jpg) no-repeat -199px -68px;} #sideBanner{ margin-bottom:5px; width:230px; border:none; background:none;} #sideBanner li{ margin-bottom:10px;} #sideTopMenu{ border:none; width:230px;} #sideTopMenu p.title{ text-indent:-9999px; height:28px; background:url(../data/side_menu_title.gif) no-repeat;} #sideTopMenu li a{ display:block; text-indent:-9999px; overflow:hidden; outline:none; width:230px;height:44px;} #sideTopMenu .list01 a{background:url(../data/side_menu_top.gif) no-repeat 0 0;} #sideTopMenu .list02 a{background:url(../data/side_menu_top.gif) no-repeat 0 -44px;} #sideTopMenu .list03 a{background:url(../data/side_menu_top.gif) no-repeat 0 -88px;} #sideTopMenu .list04 a{background:url(../data/side_menu_top.gif) no-repeat 0 -132px;} #sideTopMenu .list05 a{background:url(../data/side_menu_top.gif) no-repeat 0 -176px;} #sideTopMenu .list06 a{background:url(../data/side_menu_top.gif) no-repeat 0 -220px;} #sideTopMenu .list07 a{background:url(../data/side_menu_top.gif) no-repeat 0 -264px;} #sideTopMenu .list01 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px 0;} #sideTopMenu .list02 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px -44px;} #sideTopMenu .list03 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px -88px;} #sideTopMenu .list04 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px -132px;} #sideTopMenu .list05 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px -176px;} #sideTopMenu .list06 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px -220px;} #sideTopMenu .list07 a:hover{background:url(../data/side_menu_top.gif) no-repeat -230px -264px;} #sideLogo{ background:none; width:224px; border:3px solid #D2D2D2; text-align:center; padding:20px 0;} #sideLink { text-align:center;} #sideLink ul{ padding-top:10px;} #sideLink li{ margin-bottom:10px;} #sideYahoo .title{ margin-bottom:3px; text-indent:-9999px; background:url(../data/side_yahoo_title.gif) no-repeat;} #sideYahoo .inner{ padding:10px;} #sideYahoo .inputText{ padding:2px; margin-bottom:3px; width:150px;} #sideYahoo .check{ margin-right:3px;} #sideYahoo .text{ color:#666; margin-top:5px;} #sideRelease .title{ text-align:center; padding:3px; text-indent:-9999px; background:url(../data/side_release_title.gif) no-repeat center center; border-bottom:1px dotted #ccc;} #sideRelease ul{ margin:10px ; text-align:left;} #sideRelease li{ background:url(../data/icon_jump.gif) no-repeat 0 5px; margin:0 0 3px 0; padding-left:20px;} #sideMenu{ width:228px; overflow:hidden;} #sideMenu a{ display:block;} #sideMenu p.title{ font-weight:bold; font-size:18px; padding-left:15px; background:url(../data/side_menu_title.jpg) no-repeat 0 -44px; line-height:44px;} #sideMenu p.title a, #sideMenu p.title a:visited{ background:url(../data/side_menu_title.jpg) no-repeat; display:block; margin-left:-15px; padding-left:15px; color:#333; text-decoration:none;} #sideMenu li span{ display:block; text-align:center; font-weight:bold; height:32px; line-height:32px; color:#fff; background:url(../data/side_menu_title02.jpg) no-repeat;} #sideMenu .ul01 li{ width:228px;} #sideMenu .ul01 a, #sideMenu .ul01 a:visited{ text-decoration:none; color:#333; line-height:31px; height:31px; padding-left:17px; background:url(../data/btn_side_menu.jpg) no-repeat 0 0;} #sideMenu .ul01 a.selected, #sideMenu .ul01 a.selected:visited, #sideMenu .ul01 a:hover{ background:url(../data/btn_side_menu.jpg) no-repeat 0 -32px; font-weight:bold;} #sideMenu .ul02{ padding:10px 0; border-left:6px solid #EAE0C7; background:#faf7f1;} #sideMenu .ul02 li{ width:226px; background:url(../data/icon_side_menu.gif) 5px 0 no-repeat;} #sideMenu .ul02 li a, #sideMenu .ul02 li a:visited{ line-height:1.2; padding:3px 10px 0 18px; padding-left:18px; text-decoration:underline; height:auto; background:none; margin-bottom:5px;} #sideMenu .ul02 li a.selected, #sideMenu .ul02 li a.selected:visited, #sideMenu .ul02 li a:hover{ background:url(../data/icon_side_menu.gif) no-repeat 5px -60px #EAE0C7; text-decoration:none; font-weight:normal;} /*---------------------------------------------------- #side サイド変更分 ----------------------------------------------------*/ #sideFirst p.title{ text-indent:-9999px; height:30px; background:url(../data/side_visitor_title.gif) no-repeat;} #sideFirst ul{ width:206px; margin:10px auto 0 auto; overflow:hidden;} #sideFirst li{ margin-bottom:5px;} #sideFirst .linkBase li a{ display:block; text-indent:-9999px; overflow:hidden; outline:none;} #sideFirst .list01 a{ background:url(../data/side_btn_visitor02_t.jpg) no-repeat 0 0; height:36px; width:119px;} #sideFirst .list02 a{ background:url(../data/side_btn_visitor03_t.jpg) no-repeat 0 0; height:36px; width:87px;} #sideFirst .list03 a{ background:url(../data/side_btn_visitor01.jpg) no-repeat 0 0; height:45px; width:206px; margin:0 auto 10px auto; clear:both;} #sideFirst .list01 a:hover{ background:url(../data/side_btn_visitor02_t.jpg) no-repeat 0 -36px;} #sideFirst .list02 a:hover{ background:url(../data/side_btn_visitor03_t.jpg) no-repeat 0 -36px;} #sideFirst .list03 a:hover{ background:url(../data/side_btn_visitor01.jpg) no-repeat 0 -45px;} #sideBrand .list04 a{ background:url(../data/side_btn_visitor04_t.jpg) no-repeat 0 0; height:36px; width:103px;} #sideBrand .list05 a{ background:url(../data/side_btn_visitor05_t.jpg) no-repeat 0 0; height:36px; width:103px;} #sideBrand .list04 a:hover{ background:url(../data/side_btn_visitor04_t.jpg) no-repeat 0 -36px;} #sideBrand .list05 a:hover{ background:url(../data/side_btn_visitor05_t.jpg) no-repeat 0 -36px;} #sideBnr{ margin-bottom:5px; width:230px; border:none; background:none;} #sideBnr .bnrArea{ margin-bottom:10px;} #sideBnr li{ margin-bottom:10px;} #pageIndex #sideBnr .bnrArea a{ margin:0 auto; display:block; overflow:hidden; outline:none; width:220px;} #sideTopLink{ width:230px;} #sideBrand{ width:230px;} #sideBrand ul.linkBase, #sideBrand ul.noBase{ width:206px; margin:10px auto 0 auto; overflow:hidden;} #sideBrand li{ margin-bottom:5px;} #sideTopLink li{ margin-bottom:10px;} #sideTopLink p.title{ text-indent:-9999px; height:33px; background:url(../data/side_menu_subtitle_t.gif) no-repeat; margin-bottom:10px;} #sideTopLink p.title02{ text-indent:-9999px; height:33px; background:url(../data/side_menu_subtitle01_t.gif) no-repeat; margin-bottom:10px;} #sideBrand p.title03{ text-indent:-9999px; height:33px; background:url(../data/side_menu_subtitle02_t.gif) no-repeat; margin-bottom:10px;} #sideTopLink p.title04{ text-indent:-9999px; height:33px; background:url(../data/side_menu_subtitle03_t.gif) no-repeat; margin-bottom:10px;} #sideTopLink p.title05{ text-indent:-9999px; height:33px; background:url(../data/side_menu_subtitle04_t.gif) no-repeat; margin-bottom:10px;} #sideTopLink li a{ display:block; overflow:hidden; outline:none; width:230px;} #sideBrand li a{ display:block; overflow:hidden; outline:none; width:230px;} #sideBrand .linkBase li a{ display:block; text-indent:-9999px; overflow:hidden; outline:none;} #sideTopLink .linkBase li a{ display:block; text-indent:-9999px; overflow:hidden; outline:none;} #sideTopLink .miniArea a{ margin:0 auto; display:block; overflow:hidden; outline:none; width:140px} #sideTopLink .bnrArea a{ margin:0 auto; display:block; overflow:hidden; outline:none; width:220px} #pageIndex #side .others .linkBtn a, #pageIndex #side #sideTopLink .linkBtn a{ width:217px; height:35px; display:block; text-indent:-9999px;} #pageIndex #side .others .btn01 a{background:url(../data/side_linkbtn01_t.gif) no-repeat; margin:10px auto 15px auto;} #pageIndex #side .others .btn01 a:hover{background:url(../data/side_linkbtn01_t.gif) no-repeat 0 -35px;} #pageIndex #side #sideTopLink .btn02 a{background:url(../data/side_linkbtn02_t.gif) no-repeat; margin:15px auto 10px auto;} #pageIndex #side #sideTopLink .btn02 a:hover{background:url(../data/side_linkbtn02_t.gif) no-repeat 0 -35px;} #pageIndex #side #sideTopLink .btn03 a{background:url(../data/side_linkbtn03_t.gif) no-repeat; margin:15px auto 10px auto;} #pageIndex #side #sideTopLink .btn03 a:hover{background:url(../data/side_linkbtn03_t.gif) no-repeat 0 -35px;} #pageIndex #side #sideTopLink .btn04 a{background:url(../data/side_linkbtn04_t.gif) no-repeat; margin:15px auto 10px auto;} #pageIndex #side #sideTopLink .btn04 a:hover{background:url(../data/side_linkbtn04_t.gif) no-repeat 0 -35px;} #sideTopLink .textR{ text-align:right;} /*---------------------------------------------------- #main 汎用class ----------------------------------------------------*/ .block{ width:100%; overflow:hidden; clear:both;} .frameL{float:left;} .frameR{float:right;} .frameC{float:right;} #main .frame_50_50{ width:650px; margin:auto; margin-bottom:10px;} #main .frame_50_50 .frameL, #main .frame_50_50 .frameR{width:49%; overflow:hidden;} #main .frame_50_50 .partsImg{ margin:0;} #main .frame_25_75 .frameL{width:25%;} #main .frame_25_75 .frameR{width:74%;} #main .frame_75_25 .frameL{width:74%;} #main .frame_75_25 .frameR{width:25%;} #main .frame_33_67 .frameL{width:33%;} #main .frame_33_67 .frameR{width:66%;} #main .frame_67_33 .frameL{width:33%;} #main .frame_67_33 .frameR{width:66%;} #main .frame_25_50_25 .frameL{width:74%;} #main .frame_25_50_25 .frameC{width:66%;} #main .frame_25_50_25 .frameL .frameL{width:33%;} #main .frame_25_50_25 .frameR{width:25%;} #main .frame_33_34_33 .frameL{width:66%;} #main .frame_33_34_33 .frameC{width:49%;} #main .frame_33_34_33 .frameL .frameL{width:49%;} #main .frame_33_34_33 .frameR{width:33%;} #main .frame_50_50, #main .frame_25_75, #main .frame_75_25, #main .frame_33_67, #main .frame_67_33, #main .frame_25_50_25, #main .frame_33_34_33{ width:630px; margin:0 auto 20px auto;} #mainInner{ background:#faf7f1; /* border:1px solid #c2b8a2;*/ padding:10px 20px; position:relative;} .linkList .memo{ padding-bottom:10px;} .linkList li{ padding-left:27px; line-height:28px; background:url(../data/icon_arrow.jpg) no-repeat 0 3px;} .linkList02{ clear:both; overflow:hidden; padding-bottom:15px; width:100%;} .linkList02 li{ float:left; width:320px; margin-bottom:10px;} .linkList02 a, .linkList02 a:visited{ color:#333; font-size:16px; font-weight:bold; display:block; background:url(../data/title_cateTop.jpg) no-repeat; line-height:29px; padding-left:15px; width:287px; border-right:1px solid #bdd18c; border-bottom:1px solid #bdd18c;} .linkList02 a:hover{ background:url(../data/title_cateTop.jpg) no-repeat 0 -29px;} .tableNormal, .partsTable table{ width:620px; margin:10px auto 20px auto;} #layout .frame_50_50 .partsTable table{ width:auto;} .tableNormal th, .partsTable th{ vertical-align:top; background:#efefef; border:1px solid #C2B7A1; padding:8px 10px;} .partsTable td.title{ background:#FF6600; font-weight:bold; padding:3px 15px; font-size:14px; color:#fff;} .tableNormal td, .partsTable td{ vertical-align:top; border:1px solid #C2B7A1; padding:8px 15px; background:#fff;} tr.thColor td{ text-align:center; font-weight:bold; vertical-align:top; background:#efefef; border:1px solid #C2B7A1; padding:8px 10px;} .partsTable td th{ width:auto;} .partsTable td th, .partsTable td td{ padding:3px 5px;} #layout .outline .parts{ margin:10px; line-height:1.3; padding:5px;} #layout .outline .parts{ border:2px solid #FFCC00; background:#FFFFee;} #main .partsTxt, #main .partsImg, #main .partsH2, #main .partsH3, #main .partsH4, #main .partsH5, #main .partsFlash{ margin:0 30px 15px 30px;} #main .partsImg{ text-align:center;} #main .pankuzu, #main .outline .pankuzu{ position:absolute; top:-31px; height:30px; line-height:30px; margin:0;} #main .pankuzu a, #main .pankuzu span{ padding:0 3px;} #layout #main .floatImg{ overflow:hidden; width:650px; margin:10px auto 20px auto;} #main .floatImg .partsImg{ padding:0 5px; margin:0; float:left;} #main .pageVisual{ width:665px; margin:0 auto 20px auto ; padding:0;} h1.pageTitle, .partsH1{ font-size:20px; background:url(../data/h1.jpg) repeat-x top; margin:0 0 15px 0; line-height:50px; padding-left:10px;} #main .partsH2{ background:url(../data/h2.jpg) no-repeat; line-height:35px; width:645px; padding-left:20px; font-size:16px; color:#fff; margin:0 auto 15px auto;} #main .partsH3{ font-size:14px; line-height:1.2; background:url(../data/h3.gif) no-repeat left bottom; width:647px; margin:0 auto 15px auto; padding-left:20px; padding-top:5px; padding-bottom:20px;} #main .partsH4{ font-size:14px; line-height:35px; height:35px; background:url(../data/h4.gif) no-repeat; width:612px; margin:0 auto 15px auto; padding-left:15px;} #main .partsH5{ font-size:14px; height:35px; background:url(../data/h5.gif) no-repeat left center; width:612px; margin:0 auto 15px auto; padding-left:15px;} #main .partsH2 a, #main .partsH2 a:visited{ color:#fff; font-weight:bold;} .area{ margin-bottom:40px;} #main p.article{ margin:20px 0;} #contents .pageTop { clear: both; text-align: right;} #contents .pageTop a{ background:url(../data/pagetop.jpg) no-repeat left center; padding:10px 0 10px 25px;} div.more{ clear:both; text-align:right;} div.more a{ background:url(../data/icon_more.gif) no-repeat 0 0; padding-left:15px;} #main .frame_50_50 .boxCateTop{ border:1px solid #C2B7A1; border-top:none; background:#fff; width:302px; height:11em; background:url(../data/bg_cate_top.jpg) no-repeat right bottom #fff; overflow:hidden;} #main #boxCateTop100 .outline{ width:630px; margin:0 auto 20px auto} #main #boxCateTop100 .partsH2 a, #main #boxCateTop100 .partsH2 a:visited{ background:url(../data/title_cateTop_l.jpg) no-repeat;} #main #boxCateTop100 .partsH2 a:hover{ background:url(../data/title_cateTop_l.jpg) no-repeat 0 -29px;} #main #boxCateTop100 table{ table-layout:fixed; width:630px; border:1px solid #C2B7A1;} #main #boxCateTop100 .partsTable td{ padding:10px 5px; border:none; text-align:center;} #main .boxCateTop span.loud{ display:block; background:#F8E0ED; border:1px solid #F1B9D4; text-align:center; margin-top:3px; padding:3px; color:#CB3467; font-weight:bold;} #main .boxCateTop .partsH2{ width:100%; padding:0; margin:0; display:block; height:29px; overflow:hidden; background:none;} #main .boxCateTop .partsH2 span.title, #main .boxCateTop .partsH2 a, #main .boxCateTop .partsH2 a:visited{ color:#333; display:block; background:url(../data/title_cateTop.jpg) no-repeat; line-height:29px; padding-left:15px;} #main .boxCateTop .partsH2 a:hover{ background:url(../data/title_cateTop.jpg) no-repeat 0 -29px;} #main .boxCateTop .partsH2 span.title{ background:url(../data/title_cateTop2.jpg) } #main .boxCateTop .partsTxt{ margin:0; padding:12px 15px; width:272px;} #main #caption{ padding-left:15px; background:url(../data/icon_arrow.gif) no-repeat left center; width:630px; font-weight:bold; margin:3px auto;} .tableYoko{ width:100%;} .tableYoko th{ width:auto; text-align:center;} .trHoliday td{ background:#FDE3EA;} .tableNormal .cellNO{ border:none; background:#faf7f1;} #main #tab, #main #tab2, #main #tab3{ padding:0 12px; margin:0 20px 20px 20px; border-bottom:3px solid #BEB39F;} #tab ul, #tab2 ul, #tab3 ul{ width:100%; overflow:hidden;} #tab li, #tab2 li, #tab3 li{ text-align:center; float:left; width:123px; margin-right:5px;} #tab3 li{ width:101px;} #tab li a, #tab li a:visited, #tab2 li a, #tab2 li a:visited, #tab3 li a, #tab3 li a:visited{ display:block; padding-top:8px; height:32px; line-height:1; color:#333; border:1px solid #BEB39F; border-bottom:none; background:url(../data/bg_cate_top.jpg) no-repeat right bottom; text-decoration:none;} #tab li a.selected, #tab li a.selected:visited, #tab li a:hover, #tab2 li a.selected, #tab2 li a.selected:visited, #tab2 li a:hover, #tab3 li a.selected, #tab3 li a.selected:visited, #tab3 li a:hover{ background:url(../data/bg_rank.gif) repeat-x;} #main #tab2{ border:none; padding:0;} #tab2 li{ width:216px; margin-bottom:5px; border-bottom:1px solid #BEB39F;} #tab2 li a, #tab2 li a:visited{ letter-spacing:-0.05em; line-height:2; height:2em; padding:0;} .error{ color:#ff0066;} .typeNavi { width:100%; overflow:hidden;} .typeNavi li{ float:left; margin-right:10px;} .typeNavi li a{ display:block;} .wrap{ width:100%; clear:both; overflow:hidden;} .floatR{float:right;} .floatL{float:left;} .right{text-align:right;} .left{text-align:left;} .center{text-align:center;} .paging{ padding:10px 0; border-top:1px dotted #999; width:100%; margin:10px auto; text-align:center;} .paging table{ width:100%; margin:0 auto;} .paging td{ padding:0 10px;} .paging td.cellLeft{text-align:left;} .paging td.cellRight{text-align:right;} .paging .cellCenter a{ padding:5px;} .paging .cellCenter a.selected{ color:#000; font-weight:bold; text-decoration:none;} p.lead{ padding:0 0 50px 0;} p.jumpTop{ width:100%; clear:both; margin:auto; text-align:right; padding:15px 0;} .btn {text-align: center;} a.pdf{ background:url(../data/icon_pdf02.gif) no-repeat ; padding:3px; padding-left:23px;} button{ background:none; border:none; width:auto; cursor:pointer;} input.PW, input.ID{width:250px;ime-mode:disabled;padding:2px;} input.freeSS{width:30px; ime-mode:active;padding:2px;} input.freeS{width:120px; ime-mode:active;padding:2px;} input.freeM{width:250px; ime-mode:active;padding:2px;} input.freeL{width:450px; ime-mode:active;padding:2px;} input.address{width:450px; ime-mode:active;padding:2px;} input.zip, input.tel{width:100px; ime-mode:disabled;padding:2px;} input.mail{width:450px; ime-mode:disabled;padding:2px;} textarea{width:450px;padding:2px; height:130px; ime-mode:active;} .imgR {float: right;margin: 0 0 10px 10px;} .imgL {float: left;margin: 0 10px 10px 0;} .btn{text-align: center;} .f10{font-size:10px;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .fBold{font-weight:bold;} .red{color:#FF0000;} .gray{color:#999999;} .imeON {ime-mode:atcive;} .imeOFF {ime-mode:disabled;} /* clearfix */ #hoge:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both; }