/* ------------------------------------------------------------------------- 汎用クラス ------------------------------------------------------------------------- */ /* ---文字制御--- */ .red{color:#ff0000;} .orange{color:#ff4000;} .discount{text-decoration:line-through;} .caution{padding-left:1em;text-indent:-1em;} .small{font-size:10px;line-height:16px;} #ints{border:1px solid #cdcdcd;margin:0 0 7px 0;font-size:12px;} #ints_in{padding:2px;} #ints_in .ms{background:url(/imgs/common/ints_ms.gif) no-repeat top left;width:174px;height:26px;text-indent:-9999px;} #ints_in img{margin-bottom:2px;} .link_point{background:url(/imgs/common/pointer.jpg) no-repeat left 50%;padding:0 0 0 15px;} /* ---画像制御--- */ .picl{float:left; margin:0 10px 0 0;} .picr{float:right; margin:0 0 0 10px;} .phs{border:1px solid #cdcdcd;padding:2px;font-size:10px;text-align:center;} a:hover img{-ms-filter:"alpha(opacity=80)";filter:alpha(opacity=80);opacity:0.8;} /* ------------------------------------------------------------------------- commons ------------------------------------------------------------------------- */ body{background:url(/imgs/common/bg.jpg) repeat-x center top;font-size:12px;line-height:18px;color:#333;} h2{background:#004ab2;font-weight:bold;font-size:14px;color:#fff;padding:5px 10px;margin:0 0 15px 0;} h2.image{margin:0 0 15px 0;padding:0;background:none;} h3{color:#404040;padding:0 0 0 25px;font-weight:bold;font-size:14px;background:url(/imgs/common/h3.jpg) no-repeat left top;height:40px;line-height:30px;} h3.image{padding:0 0 10px 0;background:none;height:auto;} h4{font-weight:bold;font-size:14px;border-left:5px solid #004ab2;padding-left:5px;margin-bottom:5px;} p{padding:0 0 15px 0;} #bread{font-size:10px;padding:0 0 5px 0;text-align:right;} .txt_block{padding:0 5px 15px 5px;} #wrapper{width:812px;margin:0 auto;background:url(/imgs/common/conts_bg.jpg) repeat-y center top;} #footer{width:812px;margin:0 auto;background:url(/imgs/common/footer_bg.jpg) no-repeat center top;text-align:center;padding:10px 0;line-height:22px;font-size:10px;} /* ---header--- */ #header{background:url(/imgs/common/header_bg.jpg) no-repeat center top;text-align:left;height:125px;position:relative;} #header h1{position:absolute;left:29px;top:9px;font-size:10px;line-height:22px;} #logo{width:274px;height:58px;position:absolute;left:29px;top:47px;} #logo a{background:url(/imgs/common/logo.jpg) no-repeat left top;display:block;width:274px;height:58px;text-indent:-9999px;} #logo a:hover{background-position:left -58px;} #header_yogurt{background:url(/imgs/common/header_yogurt.jpg) no-repeat left top;text-indent:-9999px;width:117px;height:65px;position:absolute;left:329px;top:47px;} #header_dial{background:url(/imgs/common/header_dial.jpg) no-repeat left top;text-indent:-9999px;width:201px;height:58px;position:absolute;left:582px;top:47px;} #header_links{position:absolute;left:411px;top:9px;width:386px;height:22px;} #header_links ul{height:22px;width:386px;background:url(/imgs/common/headerlinks.gif) no-repeat left top;} #header_links li{float:left;height:22px;text-indent:-9987px;} #header_links li a{display:block;height:22px;} #header_links li.one{width:67px;} #header_links li.two{width:88px;} #header_links li.three{width:88px;} #header_links li.four{width:143px;} #header_links li.one a{width:67px;} #header_links li.two a{width:88px;} #header_links li.three a{width:88px;} #header_links li.four a{width:143px;} #header_links li.one a:hover{width:67px;background:url(/imgs/common/headerlinks.gif) no-repeat 0px -22px;} #header_links li.two a:hover{width:88px;background:url(/imgs/common/headerlinks.gif) no-repeat -67px -22px;} #header_links li.three a:hover{width:88px;background:url(/imgs/common/headerlinks.gif) no-repeat -155px -22px;} #header_links li.four a:hover{width:143px;background:url(/imgs/common/headerlinks.gif) no-repeat -243px -22px;} /* ---gnavi--- */ #gnavi{height:47px;padding:0 6px;} #gnavi ul{list-style:none;padding:0;} #gnavi li{text-indent:-9999px;height:47px;float:left;} #gnavi li a{display:block;height:47px;} #gnavi li.one{width:180px;} #gnavi li.one a{width:180px;background:url(/imgs/common/gnavi.jpg) no-repeat 0px top;} #gnavi li.one a:hover{width:180px;background:url(/imgs/common/gnavi.jpg) no-repeat 0px -47px;} #gnavi li.two{width:181px;} #gnavi li.two a{width:181px;background:url(/imgs/common/gnavi.jpg) no-repeat -180px top;} #gnavi li.two a:hover{width:181px;background:url(/imgs/common/gnavi.jpg) no-repeat -180px -47px;} #gnavi li.three{width:157px;} #gnavi li.three a{width:157px;background:url(/imgs/common/gnavi.jpg) no-repeat -361px top;} #gnavi li.three a:hover{width:157px;background:url(/imgs/common/gnavi.jpg) no-repeat -361px -47px;} #gnavi li.four{width:128px;} #gnavi li.four a{width:128px;background:url(/imgs/common/gnavi.jpg) no-repeat -518px top;} #gnavi li.four a:hover{width:128px;background:url(/imgs/common/gnavi.jpg) no-repeat -518px -47px;} #gnavi li.five{width:154px;} #gnavi li.five a{width:154px;background:url(/imgs/common/gnavi.jpg) no-repeat -646px top;} #gnavi li.five a:hover{width:154px;background:url(/imgs/common/gnavi.jpg) no-repeat -646px -47px;} /* ---gnavi_on--- */ #calcium #gnavi li.one a{width:180px;background:url(/imgs/common/gnavi.jpg) no-repeat 0px -47px;} #about #gnavi li.two a{width:181px;background:url(/imgs/common/gnavi.jpg) no-repeat -180px -47px;} #quality #gnavi li.three a{width:157px;background:url(/imgs/common/gnavi.jpg) no-repeat -361px -47px;} #recipe #gnavi li.four a{width:128px;background:url(/imgs/common/gnavi.jpg) no-repeat -518px -47px;} #faq #gnavi li.five a{width:154px;background:url(/imgs/common/gnavi.jpg) no-repeat -646px -47px;} /* ---conts--- */ #conts{padding:10px 21px 0px 16px;} #conts_l{float:left;width:180px;text-align:center;} #conts_r{float:right;width:580px;text-align:left;} #conts_l #left_order{border:1px solid #004ab2;border-bottom:0px;margin-bottom:7px;} #conts_l #left_order .ms{background:url(/imgs/common/bg_itemlist.jpg) repeat-x left bottom #004ab2;height:23px;color:#fff;font-weight:bold;line-height:21px;} #conts_l .left_order_in{border-bottom:1px solid #004ab2;background:#f7fcff;padding:5px 5px 0px 5px;text-align:left;} #conts_l .left_order_in .one{background:url(/imgs/common/set_one.jpg) no-repeat 2px top;height:50px;padding:0 2px 0 67px;line-height:42px;} #conts_l .left_order_in .three{background:url(/imgs/common/set_three.jpg) no-repeat 2px top;height:50px;padding:0 2px 0 67px;line-height:18px;} #conts_l .banners{margin-bottom:7px;} #conts_l .banners a{display: block;} #conts_l .banners a:hover{opacity:0.8;} /* ---foot_guide--- */ .totop{clear:right;text-align:right;padding:15px 0 15px 0;} #foot_guide{padding:0;} #foot_guide p{padding:2px 0;} #foot_guide_l{float:left;width:283px;} #foot_guide_r{float:right;width:283px;} /* ------------------------------------------------------------------------- pages ------------------------------------------------------------------------- */ /* top */ body#top h2{margin:0 0 10px 0;padding:0;background:none;} body#top #top_l{float:left;width:185px;} body#top #top_r{float:right;width:385px;} body#top #top_r h3{background:url(/imgs/top/h3_topics.jpg) no-repeat left top;width:385px;height:27px;line-height:27px;text-align:right;color:#fff;font-weight:bold;font-size:10px;padding:0;margin:0;} body#top #top_r h3 span{display:block;padding:0 10px 0 0;} body#top #top_r ul.topics{padding:0 0 7px 0;} body#top #top_r ul.topics li{margin:0 7px;padding:7px 0;background:url(/imgs/top/dots.jpg) repeat-x left bottom;} body#top #top_r ul.topics li span{display:block;background:url(/imgs/top/pointer_brown.jpg) no-repeat left 50%;padding:0 0 0 12px;} body#top #top_r .banners{padding:0 0 5px 0;} body#top #top_l .banners{padding:0 0 10px 0;} body#top #top_l .height_data h3{padding:0;margin:0;line-height:18px;height:auto;} body#top #top_l .height_data .height_data_in{display:block;border:1px solid #015adc;border-width:0 1px 1px 1px;padding:7px;} body#top #top_l .height_data .one{padding:0 0 8px 0;background:url(/imgs/top/dots_data.jpg) repeat-x left bottom;} body#top #top_l .height_data .two{padding:7px 0 0 0;} body#top #top_l .height_data .table_cells{vertical-align:middle;display:table-cell;height:66px;} body#top #banner_campaign{padding:0 0 10px 0;} body#top #banner_campaign a{height:58px;background:url(/imgs/top/banner_campaign.jpg) no-repeat left top;display:block;text-indent:-9999px;} body#top #banner_campaign a:hover{background:url(/imgs/top/banner_campaign.jpg) no-repeat left -58px;} body#top #hagaki {clear:both;padding:15px 0 5px 0;} body#top #hagaki h3{background:none;padding:0;margin:0;height:auto;} body#top #hagaki .inner {background:#F7FCFF;padding:15px 10px 0 10px;font-size:10px;text-align:right;margin:0;} body#top #hagaki p{float:left;width:186px;padding:0;margin:0 0 15px 0;text-align:center;} body#top #hagaki p img{width:150px;border:1px solid #d9d9d9;margin:0 0 3px 0;} body#top #hagaki p a{display:block;min-height:36px;height: auto !important;height: 36px;} body#top #letters_link {padding:10px 0 20px 10px;text-align:center;} body#top #letters_link a{background:url(/imgs/top/letters_link.jpg) no-repeat left top;display:block;width:540px;height:30px;text-indent:-9999px;} body#top #letters_link a:hover{background:url(/imgs/top/letters_link.jpg) no-repeat left -30px;} /* order */ .order_left{float:left;width:250px;text-align:right;} .order_right{float:right;width:315px;padding:0 0 30px 0;} .order_right .cent{font-size:10px;text-align:center;} .order_right img{margin:5px 0;} .first_kakomi{border:1px solid #ebfbff;background:#ebfbff;padding:15px;margin:0 0 10px 0;} .first_kakomi strong{display:block;font-size:14px;color:#0091ff;} .first_kakomi span{font-size:12px;} .number_kakomi{border:1px solid #f5eae4;background:#f5eae4;padding:15px;margin:0 0 10px 0;} .number_kakomi strong{display:block;font-size:14px;color:#994025;} .number_kakomi span{font-size:12px;} .repeat_kakomi{border:1px solid #ffddcc;background:#ffddcc;padding:15px;margin:0 0 10px 0;} .repeat_kakomi strong{display:block;font-size:14px;color:#ff1500;} .repeat_kakomi span{font-size:12px;} /* repeat */ body#repeat #btn_a a{display:block;background:url(/imgs/repeat/btn_a.jpg) no-repeat left top;width:197px;height:48px;text-indent:-9999px;} body#repeat #btn_a a:hover{background:url(/imgs/repeat/btn_a.jpg) no-repeat left -48px;width:197px;height:48px;text-indent:-9999px;} body#repeat #btn_b a{display:block;background:url(/imgs/repeat/btn_b.jpg) no-repeat left top;width:197px;height:48px;text-indent:-9999px;} body#repeat #btn_b a:hover{background:url(/imgs/repeat/btn_b.jpg) no-repeat left -48px;width:197px;height:48px;text-indent:-9999px;} /* sitemap */ .sitemap_wrap{padding:0 15px;line-height:22px;} .sitemap_ins{padding:10px;border-bottom:1px solid #ccc;} .pointer_brown{background:url(/imgs/top/pointer_brown.jpg) no-repeat left 9px; padding:0 0 0 8px;display:block;} /* letters */ .letters_list{padding:10px 0 0 10px;} .letters_list p{float:left;width:180px;padding:0;margin:0 0 15px 0;text-align:center;} .letters_list p img{width:150px;border:1px solid #d9d9d9;margin:0 0 3px 0;} .letters_list p a{display:block;min-height:36px;height: auto !important;height: 36px;} #letters_detail {padding:15px 49px 0 49px;text-align:center;} #letters_detail p{text-align:left;} #letters_detail img{border:1px solid #d9d9d9;margin:0 0 10px 0;width:480px;} body#letters #hagaki {clear:both;padding:15px 0 5px 0;} body#letters #hagaki h3 {padding-left:0;background:none;padding:0;margin:0;} body#letters #hagaki .inner {background:#F7FCFF;padding:15px 10px;font-size:10px;text-align:right;} /* interview */ body#interview h3#atsumare_head{ background: url(../imgs/interview/h3.jpg) no-repeat left top #ffffff; width: 580px; height: 73px; text-indent:-9999px; display:block; margin: 0; padding: 0; border: none; } body#interview h3#atsumare_head a{width: 580px;height: 73px;display:block;} body#interview #atsumare_prof_bg{ background: url(../imgs/interview/bg_prof.gif) no-repeat left bottom #ffffff; text-align:left; font-size:12px; line-height:18px; padding:15px 30px 35px 30px; } body#interview #atsumare_prof_bg .picl{float:left;margin:0;} body#interview #atsumare_prof{float:right;width:290px;} body#interview #atsumare_prof h4{border-left: 5px solid #004ab2;padding:0 0 0 10px;font-weight:bold;font-size:18px;line-height:21px;margin:0 0 15px 0;color:#404040;} .vols{font-size:12px;line-height:16px;} body#interview #atsumare_prof h4.girl{border-left: 5px solid #004ab2;padding:0 0 0 10px;font-size:18px;line-height:21px;margin:0 0 15px 0;} body#interview #atsumare_prof dl{width:290px;} body#interview #atsumare_prof dt{float:left;width:130px;margin:0;padding:7px 0;font-weight:bold;clear:left;border-bottom:1px solid #f0f0f0;} body#interview #atsumare_prof dd{float:left;width:160px;margin:0;padding:7px 0;border-bottom:1px solid #f0f0f0;} body#interview #atsumare_memo{clear:both;padding:5px 0 0 0;} body#interview #atsumare_memo h4{background:url(../imgs/interview/memo.gif);width:121px;height:37px;text-indent:-9999px;border:0;margin:0;padding:0;} body#interview #atsumare_memo p{padding:0 18px 5px 18px;} body#interview #atsumare_contents{padding-top:20px;} body#interview #atsumare_contents dl{padding:0 15px;text-align:left;} body#interview #atsumare_contents dt{float:left;width:95px;margin:0;padding:8px 0;font-weight:bold;clear:left;} body#interview #atsumare_contents dt.mict{color:#008837;} body#interview #atsumare_contents dt.mumt{color:#f21d32;} body#interview #atsumare_contents dt.dadt{color:#0063a6;} body#interview #atsumare_contents dd{float:left;width:445px;margin:0;padding:8px 0;} body#interview #atsumare_contents dd.micd{} body#interview #atsumare_contents dd.mumd{} body#interview #atsumare_contents dd.dadd{} body#interview #atsumare_contents div{text-align:center;} body#interview #atsumare_contents img{padding:3px;border:1px solid #d9d9d9;} body#interview .at_wrap{padding-top:10px;float:left;width:270px;font-size:12px;text-align:left;} body#interview .at_wrap p{} body#interview .at_wrap a{text-decoration:none;} body#interview .at_wrap a:hover{text-decoration:underline;} body#interview .at_bg{ background:url(/imgs/interview/at_tops.gif) no-repeat top left; height:110px; width:240px; } body#interview .at_bg_new{ background:url(/imgs/interview/at_tops_new.gif) no-repeat top left; height:110px; width:240px; } body#interview p.at_head{height:50px;padding:10px 10px 0 10px;} body#interview p.at_head img{margin:0 8px 0 0;float:left;} body#interview p.at_head a{padding:0;margin:0;line-height:46px;display:block;} body#interview p.at_head a.two_line{margin:0;padding:7px 0 0 0;line-height:16px;display:block;} body#interview p.at_mid{height:36px;line-height:16px;padding:0 10px;font-weight:bold;} body#interview p.at_mid a{display:block;padding:8px 0 0 0;} body#interview p.at_mid a.two_line{padding:2px 0 0 0;} /* payback */ body#payback{} body#payback .kakomi{padding:10px;background:#fff8ee;border:1px solid #ffe5be;margin:0 0 1em 0;} body#payback .kakomi p{padding:0;} body#payback ol{padding:0 0 15px 2em;} /* dietician */ body#dietician .kakomi{padding:10px;background:#fff8ee;border:1px solid #ffe5be;margin:0 0 1em 0;} /* faq */ body#faq h3.q{background: url(/imgs/faq/q.jpg) no-repeat 10px 5px;font-size:14px;padding:5px 10px 0 43px;line-height: 24px;margin-left: 5px;} body#faq .txt_block{background: url(/imgs/faq/a.jpg) no-repeat 10px top;padding:0 10px 3px 43px;border-bottom: 1px dashed #ccc;margin-bottom: 10px;margin-left: 5px} body#faq .txt_block strong{font-size:14px;line-height: 24px;} body#faq .txt_block table{margin-bottom: 20px} /* average_height */ body#average_height table.data_average_height{margin: 7px 0 30px 0;width:570px;} body#average_height table.data_average_height th{background: #e6f5ff;padding:9px 5px;text-align:center;} body#average_height table.data_average_height th.data_th_koyomi{background:#e6f5ff;} body#average_height table.data_average_height th.data_th_nenrei{background:#cdebff;} body#average_height table.data_average_height th.data_sub_th{background:#f1f1f1;} body#average_height table.data_average_height td{padding: 9px 5px;line-height:18px;text-align:right;} body#average_height table.data_average_height td span{font-size:10px;} body#average_height table.data_average_height td.nenrei{background:#f1f1f1;} body#average_height table.data_average_height_girl{margin: 7px 0 30px 0;width:570px;} body#average_height table.data_average_height_girl th{background: #ffeded;padding:9px 5px;text-align:center;} body#average_height table.data_average_height_girl th.data_th_koyomi{background:#ffeded;} body#average_height table.data_average_height_girl th.data_th_nenrei{background:#ffcdda;} body#average_height table.data_average_height_girl th.data_sub_th{background:#f1f1f1;} body#average_height table.data_average_height_girl td{padding: 9px 5px;line-height:18px;text-align:right;} body#average_height table.data_average_height_girl td span{font-size:10px;} body#average_height table.data_average_height_girl td.nenrei{background:#f1f1f1;} /* athlete_kids */ body#athlete_kids h2.noppo{height: 64px;text-align: center;font-size: 14px;line-height: 52px;font-weight: bold;margin: 0;padding: 0;color: #fff;border: none;background: url(/imgs/athlete_kids/h2_noppo.jpg) no-repeat left top #fff;} body#athlete_kids h2.kids_index{margin: 0 18px 18px 18px;font-size: 14px;font-weight: bold;text-align: left; padding:0 0 4px 5px;border-left: 5px solid #e61e0c;border-bottom: 1px solid #e8e8e8;line-height:18px;background:none;color:#333;} body#athlete_kids h2.trophy{height: 66px;text-align: left;font-size: 16px;line-height: 22px;font-weight: bold;margin: 0 12px;padding: 0;color: #e61e0c;border: none;background: url(/imgs/athlete_kids/h2_bg.jpg) no-repeat left top;padding:4px 0 0 50px;} body#athlete_kids .athlete_kids_photo{padding:0 13px 12px 12px;} body#athlete_kids h3.image{padding:0;} body#athlete_kids .txt_block{padding:0 22px 22px 22px;} body#athlete_kids #kids_list{padding:0 22px;} body#athlete_kids #kids_list li.kids_l{float:left;clear:right;width:260px;} body#athlete_kids #kids_list li.kids_r{float:right;width:260px;} body#athlete_kids #kids_list p.kids_ph{margin:0;padding:0;width:260px;height:137px;} body#athlete_kids #kids_list p.kids_ph a{display:block;text-indent:-9999px;width:260px;height:137px;} body#athlete_kids #kids_list p.kids_goods{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/goods_bg.jpg) no-repeat left top;width:260px;height:35px;line-height:23px;text-align:center;margin:0;padding:0;} body#athlete_kids dl dt{font-weight:bold;background:url(http://www.suku-noppo.jp/imgs/athlete_kids/q.jpg) no-repeat left 2px;padding:0 0 4px 20px;} body#athlete_kids dl dd{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/a.jpg) no-repeat left 4px;padding:0 0 12px 20px;} body#athlete_kids #kids_list p#morizono{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/morizono.jpg) no-repeat left top;} body#athlete_kids #kids_list p#morizono a:hover{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/morizono.jpg) no-repeat left -137px;} body#athlete_kids #kids_list p#yoshida{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/yoshida.jpg) no-repeat left top;} body#athlete_kids #kids_list p#yoshida a:hover{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/yoshida.jpg) no-repeat left -137px;} body#athlete_kids #kids_list p#okumura{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/okumura.jpg) no-repeat left top;} body#athlete_kids #kids_list p#okumura a:hover{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/okumura.jpg) no-repeat left -137px;} body#athlete_kids #kids_list p#nishizume{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/nishizume.jpg) no-repeat left top;} body#athlete_kids #kids_list p#nishizume a:hover{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/nishizume.jpg) no-repeat left -137px;} body#athlete_kids #kids_list p#okumura_kentarou{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/okumura_kentarou.jpg) no-repeat left top;} body#athlete_kids #kids_list p#okumura_kentarou a:hover{background:url(http://www.suku-noppo.jp/imgs/athlete_kids/index/okumura_kentarou.jpg) no-repeat left -137px;} /* プロフィール用テーブル定義 */ body#athlete_kids table.athlete_kids_profile{margin:1px 0 12px 0;width:511px;border:0;} body#athlete_kids table.athlete_kids_profile th{width:12em;font-size: 12px;white-space: nowrap;font-weight: bold;background: #fffccc;border: 1px solid #d5d5d5;border-width:1px 0 1px 0 ;border-collapse: collapse;padding: 3px 6px;text-align:left;} body#athlete_kids table.athlete_kids_profile td{font-size: 12px;padding: 3px 6px;border: 1px solid #d5d5d5;border-width:1px 0 1px 0 ;border-collapse: collapse;line-height:18px;} /* safety */ ul#safety_navi{padding:0 0 15px 0;margin:0 -10px 0 0;} ul#safety_navi li{float:left;margin:0 10px 5px 0;} .koutei_last{width: 550px; height: 180px;} .koutei{width: 550px; height: 180px; background:url(/imgs/safety/factory/yajirushi.jpg) no-repeat bottom;} .koutei_ph{background:url(/imgs/factory/waku.jpg) no-repeat; float:left; width: 213px; height: 168px;} .koutei_setumei{float:right; width: 320px;} .koutei_setumei_l{float: left; width: 42px; height: 41px; margin: 10px 0;} .koutei_setumei_r{float: right;width: 270px; margin: 12px 0;}