/**************************************** [Mishima Site CSS] common-style *****************************************/ /************* Base */ * { color: #333; font-style: normal; font-weight: normal; font-size: 100%; line-height: 1.5em; font-family: osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif; text-decoration: none; list-style-type: none; margin: 0; padding: 0; border: none 0px } html { margin-bottom: 1px; height: 100%; overflow-y: scroll; } body { font-size: 100%; background: url(../img/Background_pattern.gif) center top; text-align: center; margin-right: auto; margin-left: auto; padding-bottom: 10px; width: 952px } #site_body { background: #FFF; border: solid 1px #999; margin-bottom: 20px; width: 950px; height: auto; text-align: left; } /************* Link */ a { color: #3d3795; text-decoration: underline;} a:link { color: #333; text-decoration: none } a:active { text-decoration: underline } a:visited { text-decoration: none } a:hover { color: #f00; text-decoration: underline } a img { border: none;} /*header*/ div#head { background: url(../img/bg_head.gif) no-repeat center top; float: left; width: 950px } div#head_l { float: left; width: 180px } div#head_r { text-align: left; float: right; width: 770px } div#head a { display: block; text-indent: -9999px; line-height: 0.4em;} div#head h1 { width: 180px; height: 60px;} div#head h1 a { width: 180px; height: 60px } div#head_r p { margin-top: 15px; margin-left: 653px;} div#head_r .contact a { width: 108px; height: 18px } div#head_r ul { float: right; padding-top: 10px; padding-right: 10px; _padding-right: 5px } div#head_r ul li { float: left; margin-left: 10px } div#head_r ul li a { width: auto; height: 11px;} div#head_r .company a { background: url(../img/bc_01.gif) no-repeat center top; width: 59px;} div#head_r .recruit a { background: url(../img/bc_02.gif) no-repeat center top; width: 59px;} div#head_r .access a { background: url(../img/bc_03.gif) no-repeat center top; width: 80px;} div#head_r .company a:hover { background: url(../img/bc_01.gif) no-repeat center bottom;} div#head_r .recruit a:hover { background: url(../img/bc_02.gif) no-repeat center bottom;} div#head_r .access a:hover { background: url(../img/bc_03.gif) no-repeat center bottom;} /* global */ #mainmenu { background: url(../img/bg_l.gif) repeat-x left top; float: left; margin-right: auto; margin-left: auto; width: 950px; font-size: 11px; } #mainmemu_l { float: left; width: 481px; height: 67px } #mainmemu_l li { float: left } #mainmemu_c1 { background: url(../img/bg_l.gif) no-repeat center top; float: left; padding-top: 25px; width: 120px; height: 42px; _height: 50px } #mainmemu_c2 { background: url(../img/bg_c.gif) no-repeat center top; float: left; padding-top: 25px; width: 120px; height: 42px; _height: 50px } #mainmemu_c3 { background: url(../img/bg_r.gif) no-repeat center top; float: left; padding-top: 25px; width: 120px; height: 42px; _height: 50px } #mainmemu_r { float: left; height: 67px } .mm01 a, .mm02 a, .mm03 a, .mm04 a { text-indent: -9999px; display: block; width: 120px; height: 67px;} .mm01 a { background: url(../img/b_01.gif) no-repeat center top;} .mm02 a { background: url(../img/b_02.gif) no-repeat center top;} .mm03 a { background: url(../img/b_03.gif) no-repeat center top;} .mm04 a { background: url(../img/b_04.gif) no-repeat center top;} .mm01 a:hover { background-position: center bottom } .mm02 a:hover { background-position: center bottom } .mm03 a:hover { background-position: center bottom } .mm04 a:hover { background-position: center bottom } .mm01n a, .mm02n a, .mm03n a, .mm04n a { text-indent: -9999px; display: block; width: 120px; height: 67px;} .mm01n a { background: url(../img/b_01.gif) no-repeat center bottom;} .mm02n a { background: url(../img/b_02.gif) no-repeat center bottom;} .mm03n a { background: url(../img/b_03.gif) no-repeat center bottom;} .mm04n a { background: url(../img/b_04.gif) no-repeat center bottom;} /* IE6 */ #mainmemu_c1, #mainmemu_c2, #mainmemu_c3 { _padding-left: 10px;} /* IE6 */ .mm051 a, .mm052 a, .mm061 a, .mm062 a, .mm071 a, .mm072 a { text-indent: -9999px; display: block; margin-right: auto; margin-left: auto; width: 100px; height: 20px;} .mm051 a { background: url(../img/b_51.gif) no-repeat center top;} .mm052 a { background: url(../img/b_52.gif) no-repeat center top;} .mm061 a { background: url(../img/b_61.gif) no-repeat center top;} .mm062 a { background: url(../img/b_62.gif) no-repeat center top;} .mm071 a { background: url(../img/b_71.gif) no-repeat center top;} .mm072 a { background: url(../img/b_72.gif) no-repeat center top;} .mm051 a:hover { background-position: center bottom } .mm052 a:hover { background-position: center bottom } .mm061 a:hover { background-position: center bottom } .mm062 a:hover { background-position: center bottom } .mm071 a:hover { background-position: center bottom } .mm072 a:hover { background-position: center bottom } .mm051n a, .mm052n a, .mm061n a, .mm062n a, .mm071n a, .mm072n a { text-indent: -9999px; display: block; margin-right: auto; margin-left: auto; width: 100px; height: 20px;} .mm051n a { background: url(../img/b_51.gif) no-repeat center bottom;} .mm052n a { background: url(../img/b_52.gif) no-repeat center bottom;} .mm061n a { background: url(../img/b_61.gif) no-repeat center bottom;} .mm062n a { background: url(../img/b_62.gif) no-repeat center bottom;} .mm071n a { background: url(../img/b_71.gif) no-repeat center bottom;} .mm072n a { background: url(../img/b_72.gif) no-repeat center bottom;} .mm08 a { background: url(../img/b_08.gif) no-repeat center top; text-indent: -9999px; display: block; width: 109px; height: 67px;} .mm08 a:hover { background-position: center bottom } .mm08n a { background: url(../img/b_08.gif) no-repeat center bottom; text-indent: -9999px; display: block; width: 109px; height: 67px;} /************* contents */ #contents { width: 950px; height: auto;} #contents #panmenu { background-color: #ced5cc; float: left; clear: both; margin-bottom: 20px; padding: 4px 3px 3px 10px; width: 937px } #contents #panmenu ul { float: left } #contents #panmenu li { color: #333; font-weight: normal; font-size: 10px; text-decoration: none; float: left } #contents #panmenu li a { color: #4472ae; background: url(../img/icon_pan.gif) no-repeat right center; margin-right: 5px; padding-right: 10px } /* title-base */ #contents #cattitle { width: 910px; height: 60px; padding: 20px 20px 5px; display: block; clear: both;} #contents #cattitle h2 { width: 910px; height: 35px; margin-bottom: 10px;} #contents #cattitle h2 a { display: block; text-indent: -9999px;} #contents #cattitle h2.tit_0000 { background: url(../img/tit_0000.gif) no-repeat left top;} #contents #cattitle h2.tit_0100 { background: url(../img/tit_0100.gif) no-repeat left top;} #contents #cattitle h2.tit_0101 { background: url(../img/tit_0101.gif) no-repeat left top;} #contents #cattitle h2.tit_0102 { background: url(../img/tit_0102.gif) no-repeat left top;} #contents #cattitle h2.tit_0103 { background: url(../img/tit_0103.gif) no-repeat left top;} #contents #cattitle h2.tit_0200 { background: url(../img/tit_0200.gif) no-repeat left top;} #contents #cattitle h2.tit_0300 { background: url(../img/tit_0300.gif) no-repeat left top;} #contents #cattitle h2.tit_0400 { background: url(../img/tit_0400.gif) no-repeat left top;} #contents #cattitle h2.tit_0500 { background: url(../img/tit_0500.gif) no-repeat left top;} #contents #cattitle h2.tit_0600 { background: url(../img/tit_0600.gif) no-repeat left top;} #contents #cattitle h2.tit_0700 { background: url(../img/tit_0700.gif) no-repeat left top;} #contents #cattitle h2.tit_0800 { background: url(../img/tit_0800.gif) no-repeat left top;} #contents #cattitle h2.tit_0900 { background: url(../img/tit_0900.gif) no-repeat left top;} #contents #cattitle h2.tit_1000 { background: url(../img/tit_1000.gif) no-repeat left top;} #contents #cattitle h2.tit_1100 { background: url(../img/tit_1100.gif) no-repeat left top;} #contents #cattitle h2.tit_1200 { background: url(../img/tit_1200.gif) no-repeat left top;} #contents #cattitle h2.tit_1300 { background: url(../img/tit_1300.gif) no-repeat left top;} #contents #cattitle h2.tit_1400 { background: url(../img/tit_1400.gif) no-repeat left top;} #contents #cattitle h2.tit_1500 { background: url(../img/tit_1500.gif) no-repeat left top;} #contents #cattitle h2.tit_1600 { background: url(../img/tit_1600.gif) no-repeat left top;} #contents #cattitle h2.tit_1601 { background: url(../img/tit_1601.gif) no-repeat left top;} #contents #cattitle h2.tit_1602 { background: url(../img/tit_1602.gif) no-repeat left top;} #contents #cattitle h2.tit_1700 { background: url(../img/tit_1700.gif) no-repeat left top;} #contents #cattitle h2.tit_1701 { background: url(../img/tit_1701.gif) no-repeat left top;} #contents #cattitle h2.tit_1702 { background: url(../img/tit_1702.gif) no-repeat left top;} #contents #cattitle h2.tit_1800 { background: url(../img/tit_1800.gif) no-repeat left top;} #contents #cattitle h2.tit_1801 { background: url(../img/tit_1801.gif) no-repeat left top;} #contents #cattitle h2.tit_1802 { background: url(../img/tit_1802.gif) no-repeat left top;} #contents #cattitle h2.tit_1900 { background: url(../img/tit_1900.gif) no-repeat left top;} #contents #cattitle h2.tit_0000 a { width: 200px;} #contents #cattitle h2.tit_0100 a { width: 300px;} #contents #cattitle h2.tit_0101 a { width: 300px;} #contents #cattitle h2.tit_0102 a { width: 300px;} #contents #cattitle h2.tit_0103 a { width: 300px;} #contents #cattitle h2.tit_0200 a { width: 200px;} #contents #cattitle h2.tit_0300 a { width: 300px;} #contents #cattitle h2.tit_0400 a { width: 200px;} #contents #cattitle h2.tit_0500 a { width: 200px;} #contents #cattitle h2.tit_0600 a { width: 300px;} #contents #cattitle h2.tit_0700 a { width: 300px;} #contents #cattitle h2.tit_0800 a { width: 300px;} #contents #cattitle h2.tit_0900 a { width: 300px;} #contents #cattitle h2.tit_1000 a { width: 300px;} #contents #cattitle h2.tit_1100 a { width: 200px;} #contents #cattitle h2.tit_1200 a { width: 300px;} #contents #cattitle h2.tit_1300 a { width: 300px;} #contents #cattitle h2.tit_1400 a { width: 300px;} #contents #cattitle h2.tit_1500 a { width: 300px;} #contents #cattitle h2.tit_1600 a { width: 300px;} #contents #cattitle h2.tit_1601 a { width: 300px;} #contents #cattitle h2.tit_1602 a { width: 300px;} #contents #cattitle h2.tit_1700 a { width: 300px;} #contents #cattitle h2.tit_1701 a { width: 300px;} #contents #cattitle h2.tit_1702 a { width: 300px;} #contents #cattitle h2.tit_1800 a { width: 300px;} #contents #cattitle h2.tit_1801 a { width: 300px;} #contents #cattitle h2.tit_1802 a { width: 300px;} #contents #cattitle h2.tit_1900 a { width: 300px;} /************* left-side */ /* menu-base */ #left #leftsidemenu { width: 120px; height: auto; margin-bottom: 5px;} #left #leftsidemenu li, #left #leftsidemenu li a { width: 120px; height: 30px;} #left #leftsidemenu li a { display: block; text-indent: -9999px; background-repeat: no-repeat;} /************* left-side2011 */ /* menu-base */ #left #leftsidemenu2011 { width: 120px; height: auto; margin-bottom: 5px;} #left #leftsidemenu2011 li, #left #leftsidemenu2011 li a { width: 120px; height: 30px;} #left #leftsidemenu2011 li a { display: block; text-indent: -9999px; background-repeat: no-repeat;} /* menu-categoryIMG */ .event #left #leftsidemenu li a { background-image: url(../img/lmenu_0100.gif);} .company #left #leftsidemenu li a { background-image: url(../img/lmenu_1100.gif);} .report #left #leftsidemenu li a { background-image: url(../img/lmenu_0200.gif);} .support #left #leftsidemenu li a { background-image: url(../img/lmenu_0000.gif);} .products #left #leftsidemenu li a { background-image: url(../img/lmenu_0600.gif);} .access #left #leftsidemenu li a { background-image: url(../img/lmenu_1300.gif);} .recruit #left #leftsidemenu li a { background-image: url(../img/lmenu_1200.gif);} .support #left #leftsidemenu2011 li a { background-image: url(../img/lmenu_2011.gif);} /* menu-standard */ #left #leftsidemenu .s01 a { background-position: 0 0;} #left #leftsidemenu .s02 a { background-position: 0 -30px;} #left #leftsidemenu .s03 a { background-position: 0 -60px;} #left #leftsidemenu .s04 a { background-position: 0 -90px;} #left #leftsidemenu .s05 a { background-position: 0 -120px;} #left #leftsidemenu .s06 a { background-position: 0 -150px;} #left #leftsidemenu .s07 a { background-position: 0 -180px;} #left #leftsidemenu .s08 a { background-position: 0 -210px;} #left #leftsidemenu .s09 a { background-position: 0 -240px;} #left #leftsidemenu .s10 a { background-position: 0 -270px;} #left #leftsidemenu .s11 a { background-position: 0 -300px;} #left #leftsidemenu .s12 a { background-position: 0 -330px;} #left #leftsidemenu .s13 a { background-position: 0 -360px;} #left #leftsidemenu .s14 a { background-position: 0 -390px;} #left #leftsidemenu .s15 a { background-position: 0 -420px;} #left #leftsidemenu2011 .s01 a { background-position: 0 0;} #left #leftsidemenu2011 .s02 a { background-position: 0 -30px;} #left #leftsidemenu2011 .s03 a { background-position: 0 -60px;} /* menu-hover */ #left #leftsidemenu .s01 a:hover { background-position: -120px 0;} #left #leftsidemenu .s02 a:hover { background-position: -120px -30px;} #left #leftsidemenu .s03 a:hover { background-position: -120px -60px;} #left #leftsidemenu .s04 a:hover { background-position: -120px -90px;} #left #leftsidemenu .s05 a:hover { background-position: -120px -120px;} #left #leftsidemenu .s06 a:hover { background-position: -120px -150px;} #left #leftsidemenu .s07 a:hover { background-position: -120px -180px;} #left #leftsidemenu .s08 a:hover { background-position: -120px -210px;} #left #leftsidemenu .s09 a:hover { background-position: -120px -240px;} #left #leftsidemenu .s10 a:hover { background-position: -120px -270px;} #left #leftsidemenu .s11 a:hover { background-position: -120px -300px;} #left #leftsidemenu .s12 a:hover { background-position: -120px -330px;} #left #leftsidemenu .s13 a:hover { background-position: -120px -360px;} #left #leftsidemenu .s14 a:hover { background-position: -120px -390px;} #left #leftsidemenu .s15 a:hover { background-position: -120px -420px;} #left #leftsidemenu2011 .s01 a:hover { background-position: -120px 0;} #left #leftsidemenu2011 .s02 a:hover { background-position: -120px -30px;} #left #leftsidemenu2011 .s03 a:hover { background-position: -120px -60px;} /* menu-active */ #left #leftsidemenu .s01n a { background-position: -120px 0;} #left #leftsidemenu .s02n a { background-position: -120px -30px;} #left #leftsidemenu .s03n a { background-position: -120px -60px;} #left #leftsidemenu .s04n a { background-position: -120px -90px;} #left #leftsidemenu .s05n a { background-position: -120px -120px;} #left #leftsidemenu .s06n a { background-position: -120px -150px;} #left #leftsidemenu .s07n a { background-position: -120px -180px;} #left #leftsidemenu .s08n a { background-position: -120px -210px;} #left #leftsidemenu .s09n a { background-position: -120px -240px;} #left #leftsidemenu .s10n a { background-position: -120px -270px;} #left #leftsidemenu .s11n a { background-position: -120px -300px;} #left #leftsidemenu .s12n a { background-position: -120px -330px;} #left #leftsidemenu .s13n a { background-position: -120px -360px;} #left #leftsidemenu .s14n a { background-position: -120px -390px;} #left #leftsidemenu .s15n a { background-position: -120px -420px;} #left #leftsidemenu2011 .s01n a { background-position: -120px 0;} #left #leftsidemenu2011 .s02n a { background-position: -120px -30px;} #left #leftsidemenu2011 .s03n a { background-position: -120px -60px;} /* search-base */ #left #search_event { margin-bottom: 15px;} #left #search_event dt { color: #666; padding: 3px 0 0 18px; background: url(../img/bg_search_1.gif) no-repeat center top;} #left #search_event dd { color: #333; padding-bottom: 10px; background: url(../img/bg_search_2.gif) no-repeat center bottom;} #left #search_event input { vertical-align: middle; margin-left: 5px;} #left #search_event select { color: #333; font-size: 100%; margin: 5px 0 0 10px;} /* banner */ #left #lsidebanner { text-align: center;} /* leftsidebackno */ #left #leftsidebackno { width: 120px; height: auto; margin-bottom: 5px;} #left #leftsidebackno dt { width: 120px; height: 17px; background: url(../img/side_title.gif) no-repeat left top; margin-bottom: 5px; text-indent: -9999px;} #left #leftsidebackno dd { padding-left: 10px;} #left #leftsidebackno dd a { display: block;} /* leftsidebackno */ #left #leftsideprofile { padding: 3px; margin-bottom: 5px; background: #D3E5EA;width: 114px;} #leftsideprofile2 {background-color: #e1ecf2;padding: 3px;} /************* right-side */ #right .rightsidemenu { width: 140px; height: auto; margin-bottom: 5px; padding-bottom: 10px; background: url(../img/rmenu_bg.jpg) no-repeat center bottom;} #right .rightsidemenu dt { width: 140px; height: 17px; margin-bottom: 5px; text-indent: -9999px; background-position: center top; background-repeat: no-repeat;} #right .rightsidesub { width: 134px; height: 88px; padding: 25px 0 0 6px; background: url(../img/rmenu_rec.jpg) no-repeat center top;} #right .rightsidesub li { margin: 0 0 4px; padding: 0;} #right .rightsidesub li a { width: 128px; height: 37px; display: block; text-indent: -9999px;} /*IE6*/ #right .rightsidesub { _width: 140px; _height: 113px;} .Two_columns #right .rightsidemenu dd, .Three_columns #right .rightsidemenu dd { padding: 5px 5px 5px 10px; background: url(../img/Dotted_line3.gif) repeat-x left bottom;} .Two_columns #right .rightsidemenu dd a, .Three_columns #right .rightsidemenu dd a { color: #2D5E9D;} .Two_columns #right .rightsidemenu dd span, .Three_columns #right .rightsidemenu dd span { display: block;} #right .rightsidemenu#rightside_zip dd, #right .rightsidemenu#rightside_com dd { padding: 0 5px 0 10px; background: none;} /* menu-categoryIMG */ #right .rightsidemenu#rightside_eve dt { background-image: url(../img/rmenu_evenew.jpg);} #right .rightsidemenu#rightside_rep dt { background-image: url(../img/rmenu_repnew.jpg);} #right .rightsidemenu#rightside_zip dt { background-image: url(../img/rmenu_zip.jpg);} #right .rightsidemenu#rightside_com dt { background-image: url(../img/rmenu_com.jpg);} /* rightside_BTN */ #right .rightsideBTN, #right .rightsideBTN a { width: 140px; height: 17px; margin-bottom: 5px;} #right .rightsideBTN a { display: block; text-indent: -9999px;} .products #right .rightsideBTN a { background-image: url(../img/b_maker_0.gif);} /* rightsidebackno */ #right #rightsidebackno { width: 140px; height: auto; margin-bottom: 5px;} #right #rightsidebackno dt { width: 140px; height: 17px; background: url(../img/side_title.gif) no-repeat left top; margin-bottom: 5px; text-indent: -9999px;} #right #rightsidebackno dd { padding-left: 10px;} #right #rightsidebackno dd a { display: block;} /* rightsidesalon */ #right #rightsidesalon, #right #rightsidesalon img.salonIMG { width: 140px; height: auto; margin-bottom: 5px;} #right #rightsidesalon a { display: block; float: right;} /* rightsidecheck */ #right #rightsidecheck { width: 140px; height: auto; margin-bottom: 5px;} #right #rightsidecheck dt { width: 140px; height: 17px; background: url(../img/side_title.gif) no-repeat 0 -18px; margin-bottom: 5px; text-indent: -9999px;} #right #rightsidecheck dd { padding-left: 10px;} #right #rightsidecheck dd a { display: block;} /* column */ #contents, .Four_columns { width: 950px; height: auto;} .One_columns, .Two_columns { width: 910px; height: auto; margin: 10px 20px 20px;} .Three_columns { width: 912px; height: auto; margin: 10px 18px 20px 20px;} /* 1-column */ .One_columns #center { width: 910px;} .One_columns #align_center { width: 768px; padding-left: 90px;} /* 2-column */ .Two_columns #left { width: 768px;} .Two_columns #right { width: 142px;} .Two_columns #left .in { width: 750px;} .Two_columns #right .in { width: 140px;} /* 3-column */ .Three_columns #left { width: 140px;} .Three_columns #right { width: 142px;} .Three_columns #center { width: 628px;} .Three_columns #left .in { width: 120px;} .Three_columns #right .in { width: 140px;} .Three_columns #center .in { width: 610px;} /* 4-column [INDEX] */ .Four_columns #left, .Four_columns #right, .Four_columns #salon { width: 185px;} .Four_columns #center { width: 395px;} /* [column] center-width */ #contents .One_columns #center .in { width: 908px;} #contents .Two_columns #center .in { width: auto;} #contents .Three_columns #center .in { width: 608px;} #contents .One_columns #align_center .in { width: 730px;} /* contents-base */ #contents table th, #contents table td { text-align: left; vertical-align: top;} #contents #center .in { border-top: solid 1px #ddd; border-right: solid 1px #ddd;} #contents #center .in th, #contents #center .in td { border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 2px 10px;} #contents .book #left .in { border-top: solid 1px #ddd; border-right: solid 1px #ddd;} #contents .book #left th, #contents .book #left td { border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 2px 10px;} #contents #align_center .in { border-top: solid 1px #ddd; border-right: solid 1px #ddd;} #contents #align_center .in th, #contents #align_center .in td { border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 2px 10px;} /* class="in" table-reset */ #contents #center .in .invalidity, #contents #center .in .invalidity th, #contents #center .in .invalidity td { margin: 0; border: none;} #contents #center .in .invalidity th, #contents #center .in .invalidity td { padding: 0;} #contents #align_center .in .invalidity, #contents #align_center .in .invalidity th, #contents #align_center .in .invalidity td { margin: 0; border: none;} #contents #align_center .in .invalidity th, #contents #align_center .in .invalidity td { padding: 0;} /* table-type [th] back-color */ #contents table#tabletype01 th { background: #FFF;} #contents table#tabletype02 th { background: #BFE47F;} #contents table#tabletype03 th { background: #D9E4DA;} #contents table#tabletype04 th { background: #8D9DAC;} /* pagenavi-BTN */ .Three_columns #pagenavi { margin-top: 10px } .Three_columns #pagenavi ul { float: right; margin-right: 20px;} /*IE6*/ .Three_columns #pagenavi ul { _margin-right: 10px;} .Three_columns #pagenavi li { line-height: 1em; float: left; margin-left: 10px } .Three_columns #inphoto li { float: left } .Three_columns #inphoto ul { float: left } .Three_columns .b_prev a { line-height: 0em; background: url(../img/b_prev.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; width: 66px; height: 19px } .Three_columns .b_next a { line-height: 0em; background: url(../img/b_next.gif) no-repeat 0px 0px; text-indent: -9999px; display: block; width: 66px; height: 19px } .Three_columns .b_prev a:hover { background-position: 0px -19px } .Three_columns .b_next a:hover { background-position: 0px -19px } /* kadomaru-set */ .kadomaru_out { color: #fff; margin-bottom: 10px; width: 390px } .kadomaru_in { background: url(../img/maru_dn.gif) no-repeat left bottom; } .kadomaru_in div { background: url(../img/maru_up.gif) no-repeat left top; padding: 10px;} .kadomaru_in li { color: #FFF;} .kadomaru_in span { display: block; padding: 0 0 3px; margin: 0 0 3px; border-bottom: dashed 1px #FFF; color: #FFF;} .kadomaru_in a { color: #FFF;} .kadomaru-contens { margin: 0 0 20px;} .kadomaru-contens li, .kadomaru-contens li span { line-height: 1;} .kadomaru-contens li { clear: both;} .kadomaru-contens li span { width: 50px; display: block; float: left;} .report .kadomaru_out { background: url(../report/img/bg1.gif);} .book .kadomaru_out { background: url(../book/img/bg1.gif);} .products .kadomaru_out { background: url(../products2/img/bg1.gif);} .access.fukuyama .kadomaru_out.ace01 { background: url(../access/img/bg1a.gif);} .access.fukuyama .kadomaru_out.ace02 { background: url(../access/img/bg1b.gif);} .access.onomichi .kadomaru_out { background: url(../access/img/bg2.gif);} .access.okayama .kadomaru_out { background: url(../access/img/bg3.gif);} .access.hiroshima .kadomaru_out { background: url(../access/img/bg4.gif);} .access.matsue .kadomaru_out { background: url(../access/img/bg5.gif);} .access.matsuyama .kadomaru_out { background: url(../access/img/bg6.gif);} .access.takamatsu .kadomaru_out { background: url(../access/img/bg7.gif);} #contents .red-txt { color: #99330C; margin: 10px 0 5px;} /* footer */ #footer { background-color: #6c9385; clear: both; padding: 3px 5px } #footer p { color: #333; font-size: 90%; text-align: right } ul#footmenu li { color: #333; float: left } ul#footmenu li a { color: #333; font-size: 100%; text-decoration: none } ul#footmenu li a:hover { color: #fff } /* INDEX-PAGE contents */ #contents #swf { background: url(../index/img/Index_mainIMG.gif) no-repeat; clear: both; width: 950px; height: 235px } #contents #swf2 { background: url(../index/img/Index_mainIMG.gif) no-repeat; clear: both; width: 950px; height: 300px} #contents .index h2 { height: 20px; display: block; text-indent: -9999px; background: no-repeat left center;} #contents .index .title01 { background: url(../index/img/Index_title1.gif);} #contents .index .title02 { background: url(../index/img/Index_title2.gif);} #contents .index .title03 { background: url(../index/img/Index_title3.gif);} #contents .index .title04 { background: url(../index/img/Index_title4.gif);} #contents .index .title05 { background: url(../index/img/Index_title5.gif);} #contents .index .in { margin: 10px;} #contents .index #left { background: #F0E9C6;} #contents .index #center { background: #FFF;} #contents .index #right { background: #597D89;} #contents .index #salon { background: #D1E0EE;} /* left */ #contents .index #left a { color: #2D5D9E;} #contents .index #left a;hover { text-decoration: underline;} #contents .index #left dl { margin-bottom: 45px;} #contents .index #left dd { padding: 0 0 8px; margin: 0 0 8px; background: url(../img/Dotted_line1.gif) repeat-x left bottom;} /* center */ #contents .index #center .in { margin: 10px 9px; border: none;} #contents .index #center .in li { margin: 0 0 8px;} #contents .index #center #recruit_banner { width: 318px; height: 32px; padding: 54px 0 0 58px; background: url(../index/img/Index_banner4.gif) no-repeat left center; _width: 376px} #recruit_banner a.recruit_01, #recruit_banner a.recruit_02 { width: 115px; height: 25px; display: block; text-indent: -9999px; float: left;} #recruit_banner a.recruit_02 { margin-left: 9px;} /* right */ #contents .index #right .in { margin: 0; padding: 5px 5px 30px; background: #6C8D99;} #contents .index #right .douga { width: 175px; height: 120px; padding: 117px 0 0; background: url(../index/img/Topics_contents0.gif) no-repeat center top;} #contents .index #right .douga a { width: 175px; height: 30px; display: block; text-indent: -9999px;} /* salon */ #contents .index #salon .salon_siteIMG { width: 102px; height: 29px; padding: 206px 0 0 83px; background: url(../index/img/Salon_contents1.gif) no-repeat left top;} #contents .index #salon .salon_siteIMG a { width: 100px; height: 20px; display: block; text-indent: -9999px;} #contents .index #salon h3 { width: 185px; height: 45px; display: block; text-indent: -9999px; margin: 0;} #contents .index #salon h3.salon_title01 { background: url(../index/img/Salon_contents2.gif) no-repeat left top;} #contents .index #salon h3.salon_title02 { background: url(../index/img/Salon_contents3.gif) no-repeat left top;} #contents .index #salon .in { margin: 0 10px;} #contents .index #salon li { width: 165px; height: auto; background: url(../img/Dotted_line2.gif) repeat-x left top; padding: 2px 0 3px;} #contents .index #salon li::after { height: 0; visibility: hidden; content: "."; display: block; clear: both;} #contents .index #salon li a { color: #0B276F; font-weight: bold; padding-left: 12px; background: url(../index/img/Salon_icon1.gif) no-repeat left center;} #contents .index #salon li a:hover { text-decoration: none;} /* shop */ #contents .index #salon .shop li div { margin-bottom: 10px;} #contents .index #salon .shop li div img { width: 53px; height: 33px; float: left; background: #ccc;} #contents .index #salon .shop li div p { padding-left: 58px;} /* staff */ #contents .index #salon .staff li { padding-bottom: 8px;} #contents .index #salon .staff li img, #contents .index #salon .staff li dl { margin-top: 6px;} #contents .index #salon .staff li img { width: 50px; height: 68px; float: left; background: #ccc;} #contents .index #salon .staff li dl { width: 110px; height: auto; float: right;} /* PRODUCTS-PAGE contents */ #contents .products #center .in.list_table th { width: 135px; padding: 2px 0 2px 10px;} #contents .products #center .in.list_table td { width: 290px; padding: 2px 10px 2px 0; border-left: none;} #contents .products .list_table span { color: #B3D7E8;} #contents .products .list_table a { color: #2D5E9D;} #contents .products.list #center .column_table { margin-bottom: 10px;} #contents .products.list #center .in th { text-align: center; vertical-align: middle;} #contents .products.list #center .in td { padding: 10px; background: #F9F4EF;} #contents .products .list_table th img { width: 156px; height: auto; margin: 0; padding: 0;} #contents .products .column_table td p { line-height: 1.2; margin: 0; padding: 0;} /* EVENT-PAGE contents */ #contents .event_list #center .in { border: solid 1px #8D9DAC;} #contents .event_list #center .in th.none, #contents .event_list #center .in td.none { border-left: none;} #contents .event_list #center .in a { color: #2D5E9D;} #contents .event_list .list_table th { text-align: center; color: #FFF;} #contents .event_list .list_table td div { padding: 3px 0;} #contents .event_details #center .in { border: solid 1px #8D9DAC;} #contents .event_details #center .in th, #contents .event_details #center .in td { border-left: none;} #contents .event_details #center .in td.none { border-bottom: none;} #contents .event_details .list_table th span { color: #FFF;} #contents .event_details .list_table th #eve_name { width: auto; height: auto; float: left;} #contents .event_details .list_table th #c_next { width: 125px; height: 16px; float: right; margin: 5px 0;} #contents .event_details .list_table td span { color: #B3D7E8;} #contents .event_details .list_table td strong { float: left;} #contents .event_details .list_table td a { width: 125px; height: 16px; display: block; text-indent: -9999px; margin: 5px 0; background: url(../img/d_next.jpg) no-repeat left top; float: right;} #contents .event_details .list_table td div { width: 60px; height: auto; color: #2D5E9D; float: left;} #contents .event_details .in .invalidity { width: 100%;} #contents .event_details .in .invalidity td { width: 50%;} #contents .event_details .in .invalidity td a { width: auto; height: auto; display: inline; text-indent: 0; margin: 0; background: none; float: none;} #contents .event_details .in .invalidity td div#map_canvas { margin: 10px 2px 0 0; background: #CCC;} #contents .event_details .in .invalidity td div#map_canvas a { display: block;} #contents .event_details .in .invalidity td div.address, #contents .event_details .in .invalidity td div.phone { width: 100%; display: block;} /* COMPANY-PAGE contents */ #contents .company .column_table th { color: #2D5E9D;} #contents .company .column_table th span { color: #FFF;} #contents .message #center .in td { padding: 10px;} #contents .message .mes img { width: 115px; height: 140px; margin-right: 10px; float:left;} #contents .message .mes div { float: right; width: 455px;} #contents .message .mes strong { color: #C5016D; display: block;} #contents .message .mes address { text-align: right; display: block; padding-top: 1em;} #contents .message .bgimg { height: 355px; background: url(../company/img/com_img1.jpg) no-repeat right bottom;} /* IE7 */ *:first-child+html #contents .message .bgimg { height: 335px;} #contents .overview .column_table td.colmn_left { width: 80px;} #contents .overview .column_table td span { color: #D9E4DA;} #contents .overview #center .in td.colmn_right { border-left: none;} #contents .history .column_table td.colmn_left { width: 80px;} #contents .history .column_table td span { color: #D9E4DA;} #contents .history #center .in td.colmn_right { border-left: none;} #contents .network #center .in td { text-align: center; padding: 20px 0;} #contents .work #center .in td { padding: 10px;} #contents .work .invalidity .colmn_01 img, #contents .work .invalidity .colmn_02 img, #contents .work .invalidity .colmn_03 img { margin-bottom: 5px;} #contents .work .invalidity .colmn_04 img { float: left; margin-right: 10px;} #contents .work .invalidity .colmn_01 span { display: block;} #contents .work .colmn_05 .invalidity { width: 100%; background: #F1D5BB;} #contents .work #center .in .colmn_05 td { padding: 2px 5px; border-left: solid 2px #FFF;} #contents .work .colmn_05 .invalidity .bgbd { background: #FEEBC4;} #contents .work .colmn_05 .invalidity span { color: #D8A858; padding: 0 3px;} #contents .schedule #center .in td { text-align: center; padding: 20px 0;} #contents .senior #center .in td { padding: 10px;} #contents .senior #center .in td img { margin-bottom: 10px;} #contents .senior #center .in td p { line-height: 1.3;} /* REPORT-PAGE contents */ #contents .report #center .in th, #contents .report #center .in td { padding: 10px;} #contents .report #center .in th img { width: 157px; height: auto; margin-bottom: 5px;} #contents .report #center .in td { background: #F9F4EF;} #contents .report .tabletype05 { margin-bottom: 20px;} /* SUPPORT-PAGE contents */ #contents .support #center .in { border: solid 1px #ddd;} #contents .support #center .in th, #contents .support #center .in td { border: none; padding: 10px;} #contents .support #center .in td img { float: left; margin-bottom: 5px;} #contents .support #center .in td p { clear: both; margin-bottom: 5px;} #contents .support .log_bgimg { width: 207px; height: 162px; padding: 88px 0 0 88px; background: url(../support/img/log_img_03new.jpg) no-repeat left top;} /*IE6*/ #contents .support .log_bgimg { _width: 295px;} #contents .logistics #center .in td .invalidity th { width: 100px; background: url(../img/bd_w.gif) repeat-y right top #DCE1E1;} #contents .logistics #center .invalidity td { background: #FAF3D6;} #contents .logistics #center .in td img, #contents .logistics #center .in td p { margin-bottom: 10px;} #contents .solution #center .in.column_table .sol-main { width: 270px; height: auto;} #contents .solution #center .in.column_table td { width: auto; height: auto; padding-left: 0;} #contents .solution #center .in.column_table td#leftcolumn { padding-left: 10px;} #contents .solution #center .in.column_table .column1, #contents .solution #center .in.column_table .subimg { padding-bottom: 0;} #contents .solution #center .in.column_table .subimg img { margin: 0 10px 10px 0;} #contents .solution #center .in.column_table .subimg .title { margin: 0; padding: 0;} #contents .solution #center .in.column_table #leftcolumn img { margin: 0 10px 10px 0;} #contents .solution #center .in.column_table #leftcolumn .title { margin: 0; padding: 0;} #contents .solution #center .in.column_table td#reset1 { padding: 10px; text-align: center;} #contents .solution #center .in.column_table td#reset1 img { margin: 0; float: none;} #contents .solution #center .in.column_table td#reset2 { padding: 10px;} #contents .solution #center .in.column_table td#reset2 p { background: url(../support/img/sol_tit_01.gif) no-repeat left top; padding-left: 200px; margin-bottom: 10px;} #contents .solution #center .in.column_table td#reset2 ul { clear: both;} #contents .solution #center .in.column_table td#reset2 li, #contents .solution #center .in.column_table td#reset2 li span { display: block;} #contents .solution #center .in.column_table td#reset2 li { width: 75px; float: left; margin-right: 10px;} /* BOOK-PAGE contents */ #contents .book #align_center .column_table { margin-bottom: 10px;} #contents .book #align_center th { text-align: center; vertical-align: middle;} #contents .book #align_center td { padding: 10px; background: #F9F4EF;} #contents .book td p.tameshi { line-height: 26px;} #contents .book td p a { width: 103px; height: 26px; display: block; float: left; padding-right: 15px; text-indent: -9999px; background: url(../book/img/book_next.gif) no-repeat;} /* ACCESS-PAGE contents */ #contents .access #center .in th { padding: 10px 0 10px 10px;} #contents .access #center .in td { padding: 10px 10px 10px 0; border-left: none;} /* RECRYIT-PAGE contents */ #contents .recruit #center a { color: #2D5E9D;} #contents .recruit #center .in td { padding-top: 10px; padding-bottom: 10px;} #contents .recruit #center .in th { color: #2D5E9D;} #contents .recruit #center .in th span { color: #FFF;} #contents .recruit #center .invalidity { width: 100%; height: auto; border-top: solid 1px #ddd; border-right: solid 1px #ddd;} #contents .recruit #center .invalidity th, #contents .recruit #center .invalidity td { border-bottom: solid 1px #ddd; border-left: solid 1px #ddd; padding: 2px 3px; vertical-align: middle;} #contents .recruit #center .invalidity th { text-align: center; color: #333;} #contents .recruit #center .invalidity td span { color: #A82222;} #contents .recruit #center .invalidity .bd { background: #E8EFF9;} .recruit.rec_new .colmn_01 p a { width: 210px; height: 100px; display: block; text-indent: -9999px; margin: 10px 0 30px; background: url(../recruit/img/re_recnav.gif) no-repeat;} .recruit.rec_new .colmn_01 dt { color: #C5016D;} .recruit.rec_new .colmn_01 .red-txt { color: #FF0000; margin: 10px 0 5px; display: block;} .recruit.rec_car td { border-bottom: solid 1px #CCC;} .recruit.rec_car .colmn_01 dt { color: #C5016D;} .recruit.rec_car .colmn_01 p { margin: 0 0 30px;} .recruit.rec_car .colmn_02 dt, .recruit.rec_car .colmn_03 dt { height: 13px; padding-left: 19px; margin: 10px 0; background: url(../recruit/img/re_ico_01.gif) no-repeat left center;} .recruit.rec_car .colmn_02 dd, .recruit.rec_car .colmn_03 dd { padding-left: 19px;} .recruit.rec_car dd li { padding-left: 10px; background: url(../recruit/img/re_ico_02.gif) no-repeat left center;} .recruit.rec_car dd li span { padding-left: 10px; color: #A82222;} /* COLUMN-PAGE contents */ #contents .column_tsubo #center .in th { font-size: 120%;} #contents .column_tsubo #center .in td p { line-height: 1.2; _font-size: 110%;} #contents .column_tsubo #leftsideprofile p { line-height: 1.3;width: 114px;} #contents .column_tsubo .in.column_table .copy { line-height: 1.3;} #contents .column_tsubo .in.column_table .copy strong { line-height: 1.2;} #contents .column_check .in.column_table th { font-size: 120%;} #contents .column_check .in.column_table td p { line-height: 1.2;} #contents .column_tsubo #center .in th { font-weight: bold;} #contents .column_tsubo #leftsideprofile { background: #D3E5EA; margin: 0 0 10px;} #contents .column_tsubo #leftsideprofile img { margin: 0 0 5px;} #contents .column_tsubo #leftsideprofile div { padding: 5px 5px 10px;} #contents .column_tsubo #leftsideprofile span { color: #4E6975; font-weight: bold; display: block;} #contents .column_tsubo #leftsideprofile address { margin: 0 0 20px; font-weight: bold;} #contents .column_tsubo #leftsideprofile address span { color: #333; font-weight: normal; display: inline; margin: 0; padding: 0 0 0 5px; } #contents .column_tsubo #center .in th, #contents .column_tsubo #center .in td { text-align: left;} #contents .column_tsubo #center .in td { padding: 15px;} #contents .column_tsubo #center .in td p { margin: 0 0 1em;} #contents .column_tsubo #center .in th { padding: 2px 15px; text-align: left; color: #315E76;} #contents .column_tsubo .in.column_table .copy { background: #F9F4EF; margin-top: 10px;} #contents .column_tsubo .in.column_table .copy strong { display: block; margin: 0 0 15px; color: #A82222; font-weight: bold;} #contents .column_tsubo .in.column_table dt { color: #A82222; font-weight: bold; padding-bottom: 5px;} #contents .column_tsubo .in.column_table dt span { color: #DB969A;} #contents .column_tsubo .in.column_table dd strong { color: #A82222; font-weight: bold; display: block; margin-top: 10px;} #contents .column_tsubo .in.column_table dd span { color: #0A50A1; font-weight: bold;} #contents .column_check .in.column_table th { padding: 5px 15px 3px; text-align: left; color: #315E76; font-weight: bold;} #contents .column_check .in.column_table table th { color: #333; text-align: center; vertical-align: middle;} #contents .column_check .in.column_table td { padding: 15px;} #contents .column_check .in.column_table td p { margin: 0 0 1em;} #contents .column_check .in.column_table table { margin: 15px 10px; border-top: solid 1px #ddd; border-right: solid 1px #ddd;} .choice1 { background: #CCECEF;} .choice2 { background: #A6C7E0;} .choice3 { background: #FFF2D3;} .choice4 { background: #FED98D;} .choice5 { background: #FEE1DC;} .choice6 { background: #FCBBB9;} #contents .column_check .in.column_table #backcolor { width: 700px; height: auto; display: block;} #contents .column_check .in.column_table #backcolor dd { width: 670px; margin: 15px;} #contents .column_check .in.column_table #backcolor dd span { color: red;} #contents .column_check .in.column_table .sheet1 { background: url(../column2/img/col02_back01B.gif) no-repeat bottom #CCECEF;} #contents .column_check .in.column_table .sheet2 { background: url(../column2/img/col02_back02B.gif) no-repeat bottom #FEE5A8;} #contents .column_check .in.column_table .sheet3 { background: url(../column2/img/col02_back03B.gif) no-repeat bottom #FDDAD9;} #contents .column_check .in.column_table .sheet1 dt { background: url(../column2/img/col02_back01T.gif) no-repeat top;} #contents .column_check .in.column_table .sheet2 dt { background: url(../column2/img/col02_back02T.gif) no-repeat top;} #contents .column_check .in.column_table .sheet3 dt { background: url(../column2/img/col02_back03T.gif) no-repeat top;} #contents .column_check .in.column_table #resultBTN { display: block; float: right; margin: 0 15px 20px 0px; width: 88px; height: 18px } #contents .column_check .in.column_table #resultBTN a { background: url(../img/resultBTN.gif) no-repeat; text-indent: -9999px; display: block; width: 88px; height: 18px } .scorered { color: #f00; line-height: 1.25em } #contents .column_check .in.column_table .kekka { width: 700px; clear: both;} #contents .column_check #align_center .in.column_table #nextBTN { margin: 20px 0 20px 135px; border: none; width: 430px } #contents .column_check #align_center .in.column_table #nextBTN th { width: 430px; font-weight: bold; line-height: 1.4;} #contents .column_check #align_center .in.column_table #nextBTN td { width: 140px;} #contents .column_check #align_center .in.column_table #nextBTN th, #contents .column_check #align_center .in.column_table #nextBTN td { border: none; text-align: center;} #contents .column_check #align_center .in.column_table #nextBTN a, #contents .column_check #align_center .in.column_table #nextBTN a img { border: none;} #contents .column_check #align_center .in.column_table .result {} #contents .column_check #align_center .in.column_table .result th { border-bottom: solid 1px #CCC;;} #contents .column_check #align_center .in.column_table .result td { border-top: none;} #contents .column_check #align_center .in.column_table .kekka { padding-top: 20px;} #contents .column_check #align_center .in.column_table #hint { padding: 20px 0; border-top: none; text-align: center; font-weight: bold;} #contents .column_check #align_center .in.column_table #hint strong { color: #315E76; display: block; margin: 0 0 1em; font-weight: bold;} #contents .column_check #align_center .in.column_table .error { margin: 0 0 20px;} #contents .column_check #align_center .in.column_table .error strong { display: block; color: #A82222; line-height: 1.8;} #contents .column_check #align_center .in.column_table .red { color: #e10005; font-weight: bold; width: 40px } /* TOPICS-PAGE contents */ #contents .topics.file #center .in td { text-align: center;} #contents .topics.file #center .in th #contents .topics.file #center .in th { color: #315E76; font-weight: bold;} #contents .topics.file #center .invalidity { width: 100%; height: auto;} #contents .topics.file #center .invalidity th, #contents .topics.file #center .invalidity td { border: none; text-align: left; padding: 0;} #contents .topics.file #center .invalidity th { width: 190px; padding-right: 10px;} #contents .topics.file #center .invalidity td { padding: 0 10px;} #contents .topics.file #center .invalidity.tp_info th { width: auto; padding: 0 0 20px 10px;} #contents .topics.file #center .in td img { margin: 20px 0;} #contents .topics.file #center .in .invalidity th img { margin-bottom: 5px;} #contents .topics.file #center .in .invalidity.tp_info th img { border: solid 1px #CCC; margin: 0; padding: 0;} #contents .topics.file .invalidity th li { padding-bottom: 5px;} #contents .topics.file .invalidity td li { padding-bottom: 15px;} #contents .topics.file .invalidity th li span { display: block; margin-bottom: 15px;} #contents .topics.file .invalidity h3, #contents .topics.file .invalidity h5 { font-weight: bold; padding: 5px 0; margin: 0 0 5px;} #contents .topics.file .invalidity h3 { color: #4E6975; margin: 0;} #contents .topics.file .invalidity h4 { font-weight: bold; padding: 0; margin: 0 0 10px; border-bottom: solid 1px #82A4AD;} #contents .topics.file .invalidity h5 { color: #683C07; background: url(../img/Dotted_line4.gif) repeat-x left bottom;} #contents .topics.file .invalidity h4 span { font-weight: normal; padding: 0 0 0 5px;} #contents .topics.file .invalidity dl { padding-bottom: 15px;} #contents .topics.file .invalidity dt { color: #4E6975; font-weight: bold; padding-bottom: 5px;} #contents .topics.file .invalidity dd { padding-bottom: 1em;} #contents .topics.file .invalidity dd.copy { color: #492805;} #contents .topics.file .invalidity th li span { color: #333;} #contents .topics.file .invalidity.tp_info td div address { display: block; margin-bottom: 0.2em;} #contents .topics.file .invalidity.tp_info td div address span { color: #99D9E8;} #contents .topics.file .invalidity.tp_info td div a { color: #4472AE;} #contents .topics.file .invalidity.tp_info td div strong { display: block; padding: 0 0 5px; margin: 0 0 5px; color: #1C4B7A; font-weight: bold; border-bottom: solid 1px #689FCA;} #contents .topics.file .invalidity.tp_info td div strong span { font-weight: normal; padding: 0 0 0 5px;} #contents .topics.check #align_center .in .invalidity { border-right: solid 1px #CCC; border-bottom: solid 1px #CCC; width: 100%; height: auto;} #contents .topics.check #align_center .in .invalidity th, #contents .topics.check #align_center .in .invalidity td { border-left: solid 1px #CCC; border-top: solid 1px #CCC; padding: 2px 5px;} #contents .topics.check #align_center .in .invalidity.next, #contents .topics.check #align_center .in .invalidity.next th, #contents .topics.check #align_center .in .invalidity.next td { border: none;} #contents .topics.check th, #contents .topics.check td, #contents .topics.check .number { text-align: center; vertical-align: middle;} #contents .topics.check th.title, #contents .topics.check div { text-align: left; margin: 10px 0;} #contents .topics.check div span { color: #6E8B9E; padding: 0;} #contents .topics.check th.title { color: #315E76; background: #D7E2DD;} #contents .topics.check .question{ text-align: left; width: 350px;} #contents .topics.check .red { color: #F00;} #contents .topics.check .choice1 { background: #CCFF99;} #contents .topics.check .choice2 { background: #99FF99;} #contents .topics.check .choice3 { background: #FFE6B6;} #contents .topics.check .choice4 { background: #FFCC99;} #contents .topics.check #align_center .in .invalidity.next td { text-align: right; padding: 20px 0;} #contents .topics table #result_page p, #contents .topics table #result_page img, #contents .topics table #result_page span { margin: 0 0 20px;} #contents .topics table #result_page dt { margin: 0 0 5px; color: #C5016D;} #contents .topics table #result_page dd { margin: 0 0 10px; line-height: 1.2;} #contents .topics table #result_page span { width: 79px; height: 17px; display: block; text-indent: -9999px; background: url(../topics2/img/point_icon.gif) no-repeat;} /* CONTACT-PAGE contents */ #contents .contact.input #align_center { text-align: center;} #contents .contact.input #align_center table { width: 750px; margin: 30px 18px 20px; border: solid 1px #ddd; text-align: left;} #contents .contact.input #align_center table th, #contents .contact.input #align_center table td { border: none;} #contents .contact.input #align_center table td input, #contents .contact.input #align_center table td textarea { border: solid 1px #CCC;} #contents .contact.input #align_center table td fieldset input { border: none;} #contents .contact.input table td { padding: 10px; vertical-align: top;} #contents .contact.input table th { vertical-align: top;} #contents .contact.input table td p, #contents .contact.input table td dl, #contents .contact.input table td dt, #contents .contact.input table td dd li { margin: 0 0 10px;} #contents .contact.input table td dt { color: #315E76;} #contents .contact.input table td dd li { list-style: decimal; margin-left: 2em;} #contents .contact.input table td strong { color: #A82222; margin: 0 0 10px; display: block;} #contents .contact.input table.error td strong { margin: 0 0 5px; display: block;} #contents .contact.input table td dd li span, #contents .contact.input table td dd li a { color: #064D79;} #contents .contact.input #align_center .in.column_table .reed { padding-top: 10px;} #contents .contact.input #align_center .input_place table { width: 100%; margin: 0; border: none;} #contents .contact.input #align_center .input_place td { padding: 1px 10px 5px;} #contents .contact.input #align_center .input_place th { padding: 5px 10px; text-align: left; background: #EDEAE8; border-bottom: solid 5px #FFF;} #contents .contact.input #align_center .input_place th span { color: #A82222; padding: 0 5px 0 0;} #contents .contact.input #align_center fieldset { border: none;} #contents .contact.input #align_center input, #contents .contact.input #align_center textarea { padding: 2px 5px;} #contents .contact.input #align_center .input_place .nest_box th { padding: 0; margin: 0; line-height: 1.4; background: none; width: 25%; vertical-align: middle;} #contents .contact.input #align_center .input_place .nest_box td { padding: 0; margin: 0; line-height: 1.4; width: 15%;} #contents .contact.input #align_center .input_place .nest_box.address th { width: 7em;} #contents .contact.input #align_center .input_place .nest_box.address td { width: auto; padding-bottom: 5px;} #contents .contact.input #align_center .input_place .nest_box .middle { width: 60%; vertical-align: middle;} #contents .contact.input #align_center .input_place .color { background: #DAE2F2;} #contents .contact.input #align_center .input_place #btn { margin: 10px 0 0 150px;} #contents .contact.input #align_center .error { border: none; text-align: left; margin: 20px 20px 0;} #contents .contact.input #align_center .error span { margin: 20px 0; color: #A82222; display: block;} #contents .contact.input #align_center .error strong { display: block; color: #A82222; line-height: 1.8;} #contents .contact.input #align_center .input_place strong { line-height: 2;} #contents .contact.input td.center { vertical-align: middle;} #contents .contact.input #align_center .input_place #btn { margin-bottom: 20px;} .contactinput { padding : 0 0 20px 5px;} .contactinput li, .contactinput li a { width: 66px; height: 19px;} .contactinput li { float: left; margin: 0 15px 0 0;} .contactinput li a { display: block; text-indent: -9999px;} .contactinput #btn_05 a { background: url(../img/btn05.gif) no-repeat center center;} .contactinput #btn_03 a { background: url(../img/btn03.gif) no-repeat center center;} .contactinput #btn_05 a:hover { background: url(../img/btn06.gif) no-repeat center center;} .contactinput #btn_03 a:hover { background: url(../img/btn04.gif) no-repeat center center;} .contactcheck { padding : 0 0 20px 5px;} .contactcheck li, .contactcheck li a { width: 66px; height: 19px;} .contactcheck li { float: left; margin: 0 15px 0 0;} .contactcheck li a { display: block; text-indent: -9999px;} .contactcheck #btn_09 a { background: url(../img/btn09.gif) no-repeat center center;} .contactcheck #btn_07 a { background: url(../img/btn07.gif) no-repeat center center;} .contactcheck #btn_09 a:hover { background: url(../img/btn10.gif) no-repeat center center;} .contactcheck #btn_07 a:hover { background: url(../img/btn08.gif) no-repeat center center;} /* SITEMAP-PAGE contents */ #contents .sitemap #align_center .in { border: solid 1px #ddd;} #contents .sitemap #align_center .in td { border: none; padding-bottom: 10px;} #contents .sitemap #align_center .column_table { margin-bottom: 10px; color: #666;} #contents .sitemap a { /*color: #4472AE;*/ color: #666;} #contents .sitemap table { margin: 0 20px;} #contents .sitemap table td { padding: 0 10px 30px; vertical-align: top; border-right: none;} #contents .sitemap table td.w_set { width: 35%;} #contents .sitemap li { margin: 10px 0 0; padding-left: 15px; background: url(../sitemap/img/si_ico_01.gif) no-repeat left 1px;} #contents .sitemap li ul { margin: 3px 0 0;} #contents .sitemap li li { margin: 0 0 0 5px; padding-left: 9px; background: url(../sitemap/img/si_ico_02.gif) no-repeat left 4px;} /* GUIDE-PAGE contents */ #contents .guide table { width: 730px; margin: 0 20px; border: solid 1px #CCC;} #contents .guide #align_center .in th, #contents .guide #align_center .in td { border-left: none;} #contents .guide table td { padding: 10px; vertical-align: top;} #contents .guide table th { text-align: left; padding: 2px 10px; _padding: 4px 10px 2px; color: #315E76;} #contents .guide table th span { color: #D0DCDC; padding: 0;} #contents .guide table td p, #contents .guide table td dl { margin: 0 0 10px;} #contents .message .bgimg2011 { height: 355px; background: url(../company/img/com_img2011.jpg) no-repeat right bottom;} div#comptit p {color: #a81a43;font-size: 80%;line-height: 2em;padding-bottom: 5px;}