/* CSS Document */ @import "http://"; /*----------- ベース ---------- --------------------------------*/ *{ margin:0px; padding:0px; font-size:100%; } body{ background-color:#FFFFFF; text-align:center; margin: auto; font-size:0.9em; color:#000000; padding: 0px; } img {border: none;vertical-align:bottom; zoom: 1;} /*----------- テキスト ---------- --------------------------------*/ .txt_red{color:#FF0000;} .txt_blue{color:#0066FF;} .txt_white{color:#FFFFFF;} .txt_green{color:#009900;} .bold_txt{color:#000000;font-weight:bold;} .bold_red{color:#FF0000;font-weight:bold;} .bold_blue{color:#0066FF;font-weight:bold;} .bold_white{color:#FFFFFF;font-weight:bold;} .bold_green{color:#009900;font-weight:bold;} .day_count{ color:#FF0000; font-weight:bold; font-size:1.3em; } .ichiran01{ float:right; padding:3px 10px 3px; } .ichiran01 a:link { color:#FF0000; text-decoration: none;} .ichiran01 a:visited { color:#FF0000; text-decoration: none;} .ichiran01 a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .ichiran01 a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} .java_history{ float:right; padding-right:20px; padding-top:30px;} .java_history a:link { color:#FF0000; text-decoration: none;} .java_history a:visited { color:#FF0000; text-decoration: none;} .java_history a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .java_history a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} .j_history{ text-align:right; padding-right:20px; padding-top:30px; clear:both; } .j_history a:link { color:#FF0000; text-decoration: none;} .j_history a:visited { color:#FF0000; text-decoration: none;} .j_history a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .j_history a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} /*----------- ヘッダー -------------------------------------- ----------------------------------------------------------------*/ #header{ width:850px; text-align:center; margin: auto; padding-top:15px; } .head_box{ float:left; width:850px; clear:both; margin-bottom:37px; } /*---------- cow-soap_logo　----------------*/ .head_box .cowlogo{ width: 196px; text-align:left; float:left; } .head_box .cowlogo a{ display: block; width: 206px; height:55px; padding:0px; background-image: url(http://www.cow-soap.co.jp/web/ig/cow_logo.jpg); background-position: left top; text-decoration: none; } .head_box .cowlogo a:hover{ background-position: right top; } /*---------- logoside_copy,h1　----------------*/ .head_bx_01{ float:right; width:617px; height:55px; } .head_bx_01 h1{ width:617px; height:0 !important; height /**/:29px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/logos_copy.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 29px; font-weight:normal; clear:both; } /*---------- logoside_menu(3)&seach form　----------------*/ ul.logos_menu { margin-top:0px; padding: 0px; height:22px; width:617px; background-color:#FFFFFF; } ul.logos_menu li{ float:left; list-style:none; height:26px; vertical-align:bottom; } ul.logos_menu li.lm_toiawase a{ display: block; width: 91px; height:26px; padding: 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/header/logoside_menu04.jpg); background-position: left top; background-repeat:no-repeat; text-decoration: none; } ul.logos_menu li.lm_sitemap a{ display: block; width: 111px; height:26px; padding: 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/header/logoside_menu05.jpg); background-position: left top; text-decoration: none; background-repeat:no-repeat; } ul.logos_menu li.lm_english a{ display: block; width: 111px; height:26px; padding: 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/header/logoside_menu06.jpg); background-position: left top; text-decoration: none; background-repeat:no-repeat; } ul.logos_menu li.lm_toiawase_en a{ display: block; width: 80px; height:26px; padding: 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/header/logoside_menu07.jpg); background-position: left top; background-repeat:no-repeat; text-decoration: none; } ul.logos_menu li.lm_sitemap_en a{ display: block; width: 93px; height:26px; padding: 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/header/logoside_menu08.jpg); background-position: left top; text-decoration: none; background-repeat:no-repeat; } ul.logos_menu li.lm_japanese_en a{ display: block; width: 120px; height:26px; padding: 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/header/logoside_menu09.jpg); background-position: left top; text-decoration: none; background-repeat:no-repeat; } ul.logos_menu li a:hover {background-position: left bottom;} .lm_toiawase_en02{ width:80px; height:0 !important; height /**/:26px; overflow:hidden; background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 26px; clear:both; } ul.logos_menu li.lm_seach{ background-image: url(http://www.cow-soap.co.jp/web/ig/header/seach_img.jpg); background-position: left top; background-repeat:no-repeat; width: 219px; height:26px; padding-left:10px; float:right; } #seach { width: 100px; height: 18px; margin-right:10px; vertical-align:center; border-top:1px solid #333333; border-left:1px solid #333333; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; } #seach_button{ width: 74px; height: 26px; vertical-align:top; } /*---------- header_menu(9)　----------------*/ .header_menu{ width: 850px; height: 80px; margin:auto; margin-bottom:17px; text-align:center; background-image: url(http://www.cow-soap.co.jp/web/ig/header/navi_back.jpg); background-position: center top; background-repeat:no-repeat; clear:both; } .head_menu{ width: 850px; height: 31px; margin:auto; text-align:center; clear:both; padding-top:11px; } .head_menu li{ float:left; list-style:none; height:31px; padding-left:8px; } .head_navi{ width: 850px; height: 25px; margin:auto; text-align:left; clear:both; padding-top:6px; } .head_navi li{ float:left; list-style:none; height: 25px; padding-left:23px; } /*----------- トップページのみ -------------------------------------- ----------------------------------------------------------------*/ .top_box{ width:850px; text-align:center; margin: auto; clear:both; } .flash_menu{ width:645px; height:283px; padding-right:15px; float:left; } .topside_menu{ width:190px; height:283px; float:left; } .topside_menu li{ list-style:none; } .topside_menu_01, .topside_menu_02{ padding-bottom:10px; } /*----------- トップページコンテンツ -------------------------------------- ----------------------------------------------------------------*/ /*---- トップページバナー ----------*/ .new_banner{ width:590px; clear:both; } .new_banner ul{ list-style:none; clear:both; margin-bottom:34px; } .new_banner ul li{ margin-bottom:5px; } /*---- お知らせ ----------*/ .infomaiton_box{ width:590px; clear:both; margin-bottom:24px; } .infomaiton_box a:link { color:#000000; text-decoration: none} .infomaiton_box a:visited { color:#000000; text-decoration: none} .infomaiton_box a:hover { color:#FF0000; text-decoration: underline} .infomaiton_box a:active { color:#FF0000; text-decoration: underline} .infomaiton_box dt{ width:590px; height:0 !important; height /**/:30px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/title_info.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 30px; font-weight:normal; clear:both; margin-bottom:9px; } .infomaiton_box dd{ width:584px; border-bottom:1px dotted #333333; padding:5px 3px; text-align:left; line-height:1.4; } /*---- 新着情報・更新情報 ----------*/ .topics_box{ width:590px; clear:both; margin-bottom:34px; } .topics_box a:link { color:#000000; text-decoration: none} .topics_box a:visited { color:#000000; text-decoration: none} .topics_box a:hover { color:#FF0000; text-decoration: underline} .topics_box a:active { color:#FF0000; text-decoration: underline} .topics_box dt{ width:590px; height:0 !important; height /**/:30px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/title_topics.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 30px; font-weight:normal; clear:both; margin-bottom:9px; } .topics_box dd{ width:584px; border-bottom:1px dotted #333333; padding:5px 3px; text-align:left; line-height:1.4; } .topics_box dd span{ color:#666666; } /*---- 知る・楽しむ ----------*/ .stydyenjoy dl{ width:590px; clear:both; } .stydyenjoy dt{ width:590px; height:0 !important; height /**/:30px; overflow:hidden; background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 30px; font-weight:normal; clear:both; margin-bottom:14px; } .stydyenjoy dt.toppage_sttitle{ background-image:url(http://www.cow-soap.co.jp/web/ig/title_sande.jpg); } .stydyenjoy dd{ clear:both; width:590px; } .stydyenjoy_box ul.stydyenjoy_box01{ list-style:none; width: 288px; float:left; } .stydyenjoy_box ul.stydyenjoy_box02{ list-style:none; width: 288px; float:right; } .stydyenjoy_box li{ text-align:left; clear:both; margin-bottom:15px; } /*---- せっけんの思い出／トップページ ----------*/ .topmemory_header{ height: 75px; width: 590px; background-image: url(http://www.cow-soap.co.jp/web/ig/top/memory/header.jpg); background-position: center bottom; background-repeat: no-repeat; } .topmemory_footer{ height: 14px; width: 590px; background-image: url(http://www.cow-soap.co.jp/web/ig/top/memory/footer.jpg); background-position: center top; background-repeat: no-repeat; } .topmemory_body{ width: 590px; padding: 0px; line-height: 1; background-image: url(http://www.cow-soap.co.jp/web/ig/top/memory/body.jpg); background-position: center top; background-repeat: repeat-y; } .topmemory_body{ overflow: hidden; } .topmemory_body:after { clear: both; height: 1px; overflow: hidden; display: block; content: ""; } /*＼*/ * html .topmemory_body{ height: 1em; overflow: visible; } /**/ .topmemory_body p{ margin-left:15px; list-style:none; text-align:left; } .topmemory_body p span.topmemory_title{ display:block; color:#263FC0; font-size:1.2em; padding:4px 4px 8px 30px; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/top/memory/mark.jpg); font-weight:bold; } .topmemory_body p span.topmemory_honbun{ display:block; color:#000000; font-size:1em; line-height:1.4; padding:0px 10px 0px 0px; } .topmemory_body p a{ display:block; text-align:right; padding:4px 15px 0px 0px; } .topmemory_body p a:link { color:#FF0000; text-decoration: none;} .topmemory_body p a:visited { color:#FF0000; text-decoration: none;} .topmemory_body p a:hover { color:#FF0000; text-decoration: underline;} .topmemory_body p a:active { color:#FF0000; text-decoration: underline;} /*----------- rotaのみ -------------------------------------- ----------------------------------------------------------------*/ #rotation{list-style:none;} /*----------- フッター-------------------------------------- ----------------------------------------------------------------*/ .footer{ width:850px; text-align:center; margin: auto; background-image: url(http://www.cow-soap.co.jp/web/ig/line_red.jpg); background-position: top center; background-repeat:no-repeat; clear:both; margin-top:40px; } .footer ul{ width:100%; line-height:1.4; font-size:0.8em; text-align:left; clear:both; } .footer ul li{ float:left; list-style:none; margin-top:15px; padding-right:15px; background-image: url(http://www.cow-soap.co.jp/web/ig/fmenuline.jpg); background-position: center right; background-repeat:no-repeat; } .footer ul li a:link { color:#000000; text-decoration: none} .footer ul li a:visited { color:#000000; text-decoration: none} .footer ul li a:hover { color:#FF0000; text-decoration: underline} .footer ul li a:active { color:#FF0000; text-decoration: underline} .footer ul li.page_top { background-image: url(http://www.cow-soap.co.jp/web/ig/point_up.jpg); background-position: center right; background-repeat:no-repeat; padding-right:20px; } .footer_keyword{ clear:both; } .footer_keyword p{ line-height:1.2; font-size:0.8em; text-align:left; padding-top:5px; padding-bottom:25px; color:#666666; } .footer dl{ width:100%; line-height:1.2; font-size:0.8em; text-align:left; padding-top:5px; padding-bottom:25px; color:#666666; } .footer dl dt{ float:left; } .footer dl dd{ float:left; padding-right:3px; } /*-----copyright-------*/ .copyright{ width:850px; margin:auto; margin-top:15px; text-align:center; font-size:0.8em; color:#666666; clear:both; } .copyright a:link { color:#666666; text-decoration: none} .copyright a:visited { color:#666666; text-decoration: none} .copyright a:hover { color:#666666; text-decoration: underline} .copyright a:active { color:#666666; text-decoration: underline} /*----------- 構成 -------------------------------------- ----------------------------------------------------------------*/ .container{ width:850px; text-align:center; margin: auto; clear:both; padding-top:20px; } .pan{ width:847px; text-align:left; margin:6px 0px 14px 0px; padding-top:0px; padding-left:3px; clear:both; } .pan a:link { color:#000000; text-decoration: none} .pan a:visited { color:#000000; text-decoration: none} .pan a:hover { color:#FF0000; text-decoration: underline} .pan a:active { color:#FF0000; text-decoration: underline} .contents{ width:590px; text-align:center; margin: auto; float:left; padding-right:23px; } .side_menu{ width:237px; text-align:center; margin: auto; float:right; } /*----------- サイドメニュー -------------------------------------- ----------------------------------------------------------------*/ /* topics */ .sidetop_menu{ width:237px; clear:both; padding-bottom:40px; text-align:center; margin:auto; } .sidetop_menu ul li{ width:237px; list-style:none; } /* 製品情報 */ .st_products{ width:237px; height:0 !important; height /**/:30px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/side/smenutitle_products.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 30px; font-weight:normal; clear:both; margin-bottom:14px; } .st_brand, .st_category{ width:237px; height:0 !important; height /**/:13px; overflow:hidden; background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 13px; font-weight:normal; clear:both; margin-bottom:14px; } .st_brand{background-image:url(http://www.cow-soap.co.jp/web/ig/side/smenutitle_products_brand.jpg);} .st_category{background-image:url(http://www.cow-soap.co.jp/web/ig/side/smenutitle_products_category.jpg);} .st_brand_box{ clear:both; margin-bottom:22px; width:236px; } .st_brand_box ul{ margin-bottom:32px; } .st_brand_box ul.st_brand_box01{ list-style:none; width: 114px; float:left; } .st_brand_box ul.st_brand_box02{ list-style:none; width: 114px; float:right; } .st_brand_box li{ text-align:left; clear:both; margin-bottom:8px; } .st_category_box{ clear:both; margin-bottom:32px; width:237px; } .st_category_box a:link { color:#000000; text-decoration: none} .st_category_box a:visited { color:#000000; text-decoration: none} .st_category_box a:hover { color:#FF0000; text-decoration: underline} .st_category_box a:active { color:#FF0000; text-decoration: underline} .st_category_box ul{ margin-bottom:32px; } .st_category_box ul.st_category_box01{ list-style:none; width: 112px; float:left; } .st_category_box ul.st_category_box02{ list-style:none; width: 112px; float:right; } .st_category_box li{ background-image:url(http://www.cow-soap.co.jp/web/ig/side/point_red.jpg); background-position:left center; background-repeat:no-repeat; text-align:left; padding-left:11px; line-height: 1.1; clear:both; margin-bottom:8px; } /* スペシャルコンテンツ */ .st_spcontents{ width:237px; height:0 !important; height /**/:47px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/side/smenutitle_contens.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 47px; font-weight:normal; clear:both; margin-bottom:8px; } .st_spcontents_box ul{ clear:both; margin-bottom:32px; } .st_spcontents_box ul li{ list-style:none; margin-bottom:8px; } /* 関連サイト */ .st_relationsite{ width:237px; height:0 !important; height /**/:47px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/side/smenutitle_resationsite.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 47px; font-weight:normal; clear:both; margin-bottom:12px; } .st_relationsite_box ul{ clear:both; margin-bottom:32px; } .st_relationsite_box ul li{ list-style:none; margin-bottom:8px; } /* 外部リンク */ .st_outlink{ width:237px; height:0 !important; height /**/:47px; overflow:hidden; background-image:url(http://www.cow-soap.co.jp/web/ig/side/smenutitle_outlink.jpg); background-repeat:no-repeat; background-position: left top; margin:0px; padding-top: 47px; font-weight:normal; clear:both; margin-bottom:12px; } .st_outlink_box ul{ clear:both; margin-bottom:32px; } .st_outlink_box ul li{ list-style:none; margin-bottom:8px; } /*　メールマガジン登録削除 */ .mail_magazine{ border-top:1px dotted #FF0000; margin-bottom:20px;} /*---- よくある質問／サイドメニュー ----------*/ .qside_header{ height: 112px; width: 237px; background-image: url(http://www.cow-soap.co.jp/web/ig/side/qa/header.jpg); background-position: center bottom; background-repeat: no-repeat; } .qside_footer{ height: 11px; width: 237px; background-image: url(http://www.cow-soap.co.jp/web/ig/side/qa/footer.jpg); background-position: center top; background-repeat: no-repeat; } .qside_body{ width: 237px; padding: 0px; line-height: 1; background-image: url(http://www.cow-soap.co.jp/web/ig/side/qa/body.jpg); background-position: center top; background-repeat: repeat-y; } .qside_body{ overflow: hidden; } .qside_body:after { clear: both; height: 1px; overflow: hidden; display: block; content: ""; } /*＼*/ * html .qside_body{ height: 1em; overflow: visible; } /**/ .qside_body p{ width: 192px; padding:2px 3px 10px 24px; margin-left:15px; font-size:1em; text-align:1.3; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/question/list_q.jpg); list-style:none; text-align:left; } .qside_body p a{ display:block; text-align:right; padding:8px 10px 0px 0px; } .qside_body p a:link { color:#FF0000; text-decoration: none;} .qside_body p a:visited { color:#FF0000; text-decoration: none;} .qside_body p a:hover { color:#FF0000; text-decoration: underline;} .qside_body p a:active { color:#FF0000; text-decoration: underline;} /*-------------- 製品個別ページ -------------*/ /*-------------- 製品トップ -------------*/ .products{ margin:auto; text-align:center; } .products h3, #brand h3, #category h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/products/title_products.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; zoom: 1; } .products h4{ display:block; width:590px; height:0 !important; height /**/:250px; overflow:hidden; background-position:center top; background-repeat:no-repeat; margin: auto; padding: 250px 0px 0px 0px; margin-bottom:27px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/products_top.jpg);} .products_to_brand a, .products_to_category a{ display: block; width: 590px; height:50px; padding:0px; background-position: left top; text-decoration: none; } .products_to_brand a:hover, .products_to_category a:hover{ background-position: left bottom; } .products_to_brand a{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/to_brand_list.jpg); } .products_to_category a{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/to_category_list.jpg); } .products_list dd{ text-align:left; padding:5px 10px 30px 20px; line-height:1.4; } /*-------------- 製品個別ページ -------------*/ #brand{ margin:auto; text-align:center; } #brand h4{ width:590px; height:105px; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: left top; outline:0px; margin-bottom:27px; } #brand ul{ list-style:none; } /*-----タイトル(ページによって変更) -------------*/ #brand h4.blnad_ichiran{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand_list_title.jpg);} #brand h4.celeb{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/celeb_title.jpg);} #brand h4.akabako_aobako{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/akabako_aobako_title.jpg);} #brand h4.kewpie_baby{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/kewpiebaby_title.jpg);} #brand h4.qpbaby{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/qpbaby_title.jpg);} #brand h4.milky{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/milkybodysoap_title.jpg);} #brand h4.bouncia{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/bouncia_title.jpg);} #brand h4.shawaran{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/shawaran_title.jpg);} #brand h4.medish{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/medish_yakuyou_title.jpg);} #brand h4.medish_y{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/medish_yakuyou_title.jpg);} #brand h4.twos{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/medish_twos_title.jpg);} #brand h4.skinlife{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/skinlife_title.jpg);} #brand h4.monogokoro{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/monogokoro_title.jpg);} #brand h4.shizen_gocochi{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/shizen_gocochi_title.jpg);} #brand h4.sizenha{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/sizenha_sekken_title.jpg);} #brand h4.sizenha_sekken{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/sizenha-sekken-series/title.jpg);} #brand h4.oyumonogatari{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/oyumonogatari_title.jpg);} #brand h4.aroe{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/aroe_title.jpg);} #brand h4.mutenka{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/mutenka_title.jpg);} #brand h4.mutenka_f{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/mutenka_face_title.jpg);} #brand h4.sttonic{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/streettonic_shampoo_title.jpg);} #brand h4.newtype{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/newtype_title.jpg);} #brand h4.florida_v{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/floridaviolet_title.jpg);} #brand h4.shaving{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/shavingcream_title.jpg);} #brand h4.bathhouse{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/bathhouse_title.jpg);} #brand h4.gift{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/gift_title.jpg);} #brand h4.other_brand{ background-image: url(http://www.cow-soap.co.jp/web/ig/out/products/title/other_title.jpg);} /*-----テキストタイトル -------------*/ .individual_header{ width:590px;height:7px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/kobetsu_title_01.jpg); background-position: center bottom; background-repeat:no-repeat; } .individual_footer{ width:590px;height:7px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/kobetsu_title_03.jpg); background-position: center top; background-repeat:no-repeat; } .individual_body{ width:574px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/kobetsu_title_02.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; color:#FF0000; font-size:1.1em; text-align:left; line-height:1.4; font-weight:bold; padding:3px 8px; } .individual_body{ overflow: hidden; } .individual_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .individual_body{ height: 1em; overflow: visible; } /**/ /*-----タイトル以下 -------------*/ #individual_introduction, #individual_introduction dl, .individual_hosoku,{ width:590px; text-align:center; margin:auto; clear:both; } #individual_introduction dl{ margin-top:10px; } /*-画像操作-*/ #individual_introduction dl dt{ float:left; width:278px; height:278px; } /*-画像横文字-*/ #individual_introduction dl dd{ float:right; width:295px; text-align:left; padding:20px 5px 0px 12px; line-height:1.4; } #individual_introduction dl dd.to_brand_button{ margin-top:10px; margin-bottom:20px; } /*-set-*/ #individual_introduction dl dd.to_brand_button01{ margin-top:10px; margin-bottom:5px; } #individual_introduction dl dd.to_brand_button_seihin{ margin-bottom:20px; } /*-全成分周辺-*/ .zenseibun{ width:570px; text-align:center; margin:auto; padding-top:50px; clear:both; } .zenseibun table{ width:570px; text-align:center; margin:auto; clear:both; } .zenseibun table caption{ text-align:left; width:570px; } .zenseibun table th{ border:1px solid #AFAFAF; background-color:#E6E6E6; color:#444444; padding:5px 2px; } .seibunmei{text-align:left;} .zenseibun table td{ text-align:left; border-bottom:1px solid #AFAFAF; padding:5px 3px; } .zenseibun table td.kyu{ width:140px; margin:auto; text-align:center; background-color:#F0F0F0;} .seibun_assort{background-color:#EBEBEB;} .seibun_yuko{background-color:#EFEFEF;} .seibun_sonota{background-color:#EFEFEF;} /*-全成分以下、製品情報-*/ #individual_syousai{ width:570px; text-align:center; margin:auto; clear:both; padding-top:50px; } li#individual_syousai{ clear:both; margin-bottom:35px; padding-bottom:35px; } #individual_syousai dl{ width:570px; text-align:center; margin:auto; clear:both; padding-top:50px; } /*-画像操作-*/ #individual_syousai dl dt{ float:left; width:141x; height:152px; vertical-align:middle; } /*-画像横文字-*/ #individual_syousai dl dd{ float:right; width:419px; text-align:left; padding:0px 5px 0px 5px; line-height:1.4; vertical-align:middle; } #individual_syousai dl dd table{ width:419px; clear:both } #individual_syousai dl dd table th{ width:117px; border:1px solid #AFAFAF; background-color:#E6E6E6; color:#444444; padding:5px 2px; font-size:0.8em; font-weight:normal; } #individual_syousai dl dd table td{ width:289px; padding:5px 2px; border-bottom:1px solid #AFAFAF; font-size:0.8em; } /*-----ブランド一覧 -------------*/ .brand_each, .brand_each_title{ width:590px; margin:auto; text-align:center; } .brand_each_title li{ width:590px; border-top:1px dotted #FF0000; clear:both; padding-top:50px; padding-bottom:50px; } .brand_each_title li.brand_each_title_line{ border-bottom:1px dotted #FF0000; } .brand_each_titles a{ width:590px; height:105px; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: left top; outline:0px; } .brand_name_bouncia a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia-bodysoap/title.jpg); } .brand_name_skinlife a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/skin-life/title.jpg); } .brand_each_titles a:hover{ background-position: left bottom; } .brand_list_title{ width:590px; margin-top:25px; font-size:1.2em; color:#FF0000; border-bottom:1px solid #FF0000; clear:both; text-align:left; font-weight:bold; } .brand_list_copy{ width:590px; line-height:1.4; padding:10px 0px; text-align:left; } .brand_each .to_brand_button{ padding:5px 0px 10px 0px; clear:both; text-align:left; } /*-画像操作-*/ .each_item{ width:590px; margin:auto; text-align:center; padding-bottom:40px; margin-bottom:40px; clear:both; } .each_item li{ margin:auto; text-align:center; width:295px; float:left; list-style:none; padding-bottom:40px; margin-bottom:40px; } .each_item li span{ padding:5px 0px; } /*-------------- 各ブランドページ制御 -------------*/ /*-----カテゴリー別一覧 -------------*/ #category h4{ width:490px; height:22px; background-image:url(http://www.cow-soap.co.jp/web/ig/products/category_title.jpg); background-position: center center; background-repeat:no-repeat; padding-left:100px; color:#000000; font-size:1.4em; text-align:left; padding-top:5px; margin-top:50px; margin-bottom:15px; vertical-align:middle; clear:both; } #category ul.category_title li{ width:490px; height:22px; background-image:url(http://www.cow-soap.co.jp/web/ig/products/category_title.jpg); background-position: center center; background-repeat:no-repeat; padding-left:100px; color:#000000; font-size:1.4em; text-align:left; padding-top:55px; vertical-align:middle; border-top:1px dotted #FF0000; clear:both; padding-bottom:50px; list-style:none; } #category ul.category_title li.cttop{ margin-top:30px; } #category ul.category_title li a:link { color:#000000; text-decoration: none} #category ul.category_title li a:visited { color:#000000; text-decoration: none} #category ul.category_title li a:hover { color:#FF0000; text-decoration: underline} #category ul.category_title li a:active { color:#FF0000; text-decoration: underline} #category #individual_introduction dl{ width:590px; border-top:1px dotted #FF0000; clear:both; padding-top:50px; padding-bottom:50px; } #category #individual_introduction dl dt{ margin-bottom:50px; } .item_img_category a{ width:278px; height:278px; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: left top; outline:0px; } .skinlife_sengan .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/skin-life/skinlife_senganform.jpg); } .skinlife_funwariawa_sengan .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/skin-life/skinlife_funwari_sengan_set.jpg); } .skinlife_kesyosui .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/skin-life/skinlife_kesyosui.jpg); } .shizengocochi_sengan_cha .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi-series/shizengocokochi_cha.jpg); } .shizengocochi_sengan_sumi .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi-series/shizengocokochi_sumi.jpg); } .milkybodysoap_yasashi_sekkennokaori .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap-series/yasashi_sekken_no_kaori_set.jpg); } .milkybodysoap_relax_floralnokaori .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap-series/relax_floral_no_kaori_set.jpg); } .milkybodysoap_refresh_citrusnokaori .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap-series/refresh_citrus_no_kaori_set.jpg); } .uruou_nyueki_buro_sakura_no_kaori .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/uruou-nyueki-buro/yasuragu_sakura_no_kaori_set.jpg); } .uruou_nyueki_buro_mogitate_yuzu_no_kaori .item_img_category a{ background-image:url(http://www.cow-soap.co.jp/web/ig/products/brand/uruou-nyueki-buro/mogitate_yuzu_no_kaori_set.jpg); } .item_img_category a:hover{ background-position: left bottom; } .category_adjustment .to_brand_info{ margin-bottom:10px; } /*-------------- 加水分解コムギ末について -------------*/ .topic_kasubunkai{ font-size:1.1em; color:#FF0000; text-align:left; font-weight:bold; } .topic_kasubunkai a:link { color:#FF0000; text-decoration: none;} .topic_kasubunkai a:visited { color:#FF0000; text-decoration: none;} .topic_kasubunkai a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .topic_kasubunkai a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} .branding{ width:590px; text-align:center; margin: auto; clear:both; } .branding h5{ display:block; width:590px; height:0 !important; overflow:hidden; background-repeat:no-repeat; margin-bottom:30px; } .point_title01, .point_title02, .point_title03, .point_title04, .point_title05, .pointimg_01, .pointimg_02, .pointimg_03, .pointimg_04, .topimg_01, .topimg_02, .topimg_03, .caption_01_01, .caption_01_02, .caption_01_03, .caption_01_04, .caption_02_01, .caption_02_02, .caption_02_03, .caption_02_04, .caption_03_01, .caption_03_02, .caption_03_03, .caption_03_04, .pointimg_02_title_01,/*--*/ .pointimg_02_title_02, .pointimg_02_01, .pointimg_02_02, .pointimg_02_03, .pointimg_02_04{ display:block; width:590px; height:0 !important; overflow:hidden; background-position:center top; background-repeat:no-repeat; margin: auto; clear:both; } .sansyo p{ font-size:0.8em; text-align:left; line-height:1.4; padding-right:40px; } /*------- --------*/ .box01, .check_box01, .dvoice_box01{ width:590px; background-position: center bottom; background-repeat:no-repeat; } .box03, .check_box03, .dvoice_box03{ width:590px; background-position: center top; background-repeat:no-repeat; } .box02, .check_box02, .dvoice_box02{ background-position: center top; background-repeat:repeat-y; } .box02, .check_box02, .dvoice_box02{ overflow: hidden; } .box02:after, .check_box02:after, .dvoice_box02:after{ content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .box02, * html .check_box02, * html .dvoice_box02 { height: 1em; overflow: visible; } /**/ /*------- チェックしよう --------*/ .check_box{ width:590px; text-align:center; margin: auto; clear:both; } .check_box01{ height:62px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/check_01.jpg);} .check_box03{ height:29px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/check_03.jpg);} .check_box02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/check_02.jpg); background-color:#E6E6E6; } .check_box02 p{ text-align:left; line-height:1.4; padding-left:20px; padding-right:20px; padding-bottom:5px; } .check_box02 p.cb01 a:link { color:#E36405; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb01 a:visited { color:#E36405; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb01 a:hover { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb01 a:active { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb02 a:link { color:#443015; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb02 a:visited { color:#443015; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb02 a:hover { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb02 a:active { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb03 a:link { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb03 a:visited { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb03 a:hover { color:#9D395F; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb03 a:active { color:#9D395F; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb04 a:link { color:#F01D8E; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb04 a:visited { color:#F01D8E; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb04 a:hover { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb04 a:active { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb05 a:link { color:#111581; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb05 a:visited { color:#111581; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb05 a:hover { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb05 a:active { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb06 a:link { color:#FB011A; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb06 a:visited { color:#FB011A; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb06 a:hover { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb06 a:active { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb07 a:link { color:#3DA75F; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb07 a:visited { color:#3DA75F; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb07 a:hover { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb07 a:active { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb08 a:link { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb08 a:visited { color:#FF0000; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb08 a:hover { color:#1951A6; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb08 a:active { color:#1951A6; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb09 a:link { color:#433119; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb09 a:visited { color:#433119; text-decoration: underline; font-size:1.4em; font-weight:bold;} .check_box02 p.cb09 a:hover { color:#1951A6; text-decoration: none; font-size:1.4em; font-weight:bold;} .check_box02 p.cb09 a:active { color:#1951A6; text-decoration: none; font-size:1.4em; font-weight:bold;} /*------- 開発者の声 トニック --------*/ .dvoice_box{ width:590px; text-align:center; margin: auto; clear:both; padding-top:30px; } .street-tonic_box .dvoice_box01{ height:51px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/dvoice_01.jpg);} .street-tonic_box .dvoice_box03{ height:76px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/dvoice_03.jpg);} .street-tonic_box .dvoice_box02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/dvoice_02.jpg);} .street-tonic_box .dvoice_box02 p{ text-align:left; line-height:1.4; padding-left:70px; padding-right:100px; padding-bottom:5px; } .street-tonic_box .dvoice_box02 p.db01{ } /*------- 開発者の声 セレブヘアケアシリーズ --------*/ .dvoice_box{ width:590px; text-align:center; margin: auto; clear:both; padding-top:30px; } .street-tonic_box .dvoice_box01{ height:51px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/dvoice_01.jpg);} .street-tonic_box .dvoice_box03{ height:76px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/dvoice_03.jpg);} .street-tonic_box .dvoice_box02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/dvoice_02.jpg);} .street-tonic_box .dvoice_box02 p{ text-align:left; line-height:1.4; padding-left:70px; padding-right:100px; padding-bottom:5px; } .street-tonic_box .dvoice_box02 p.db01{ } .celeb_haircare_box .dvoice_box01{ height:48px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/dvoice_01.jpg);} .celeb_haircare_box .dvoice_box03{ height:69px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/dvoice_03.jpg);} .celeb_haircare_box .dvoice_box02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/dvoice_02.jpg);} .celeb_haircare_box .dvoice_box02 p{ text-align:left; line-height:1.4; padding-left:70px; padding-right:100px; padding-bottom:5px; } .celeb_haircare_box .dvoice_box02 p.db01{ } /*------- アイテム --------*/ .item_list, .item_list ul, .pattern_a, .pattern_b, .pattern_c, .pattern_s01, .pattern_a ul, .pattern_a01 ul, .pattern_b ul, .pattern_c ul, .pattern_s01 ul{ width:590px; text-align:center; margin: auto; clear:both; list-style:none; } .pattern_a ul li{ padding-top:50px; padding-bottom:50px; } .pattern_a01 ul li{ } .pattern_b ul li, .pattern_c ul li, .pattern_s01 ul li{ float:left; padding-top:50px; padding-bottom:50px; } .b01{padding-left:110px;} .b02{padding-left:30px;} .c01{padding-left:25px;} .c02{padding-left:30px;} .c03{padding-left:30px;} .s01_01{padding-left:25px;} .s01_02{padding-left:30px;} .s01_03{padding-left:30px;} .s02_01{padding-left:125px;} .s02_02{padding-left:45px;} /*-------------- 艶肌入浴料 -------------*/ .adehada_box h5{ height /**/:312px; padding: 312px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/top_title.jpg);} /*--*/ .adehada_box .point_title01{ height /**/:60px; padding: 60px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_title01.jpg);} .adehada_box .point_title02{ height /**/:60px; padding: 60px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_title02.jpg);} /*--*/ .adehada_box .contents_01 .box01{ height:60px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_01a.jpg);} .adehada_box .contents_01 .box03{ height:60px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_01c.jpg);} .adehada_box .contents_01 .box02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_01b.jpg); } .adehada_box .contents_01 .box02 p{ text-align:left; line-height:1.4; padding-left:20px; padding-right:100px; } /*--*/ .adehada_box .contents_02 .box01{ height:97px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_02a.jpg);} .adehada_box .contents_02 .box03{ height:13px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_02c.jpg);} .adehada_box .contents_02 .box02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/adehada/point_02b.jpg); } .adehada_box .contents_02 .box02 p{ text-align:left; line-height:1.4; padding-left:20px; padding-right:100px; } /*-------------- お湯物語 美温浴 泡とろ -------------*/ .awatoro_box h5{ height /**/:340px; padding: 340px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/top_title.jpg);} /*--*/ .awatoro_box .point_title01{ height /**/:32px; padding: 32px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/point_title01.jpg); } .awatoro_box .pointimg_01{ height /**/:245px; padding: 245px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_01.jpg); } .awatoro_box .point_title02{ height /**/:43px; padding: 43px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/point_title02.jpg); } .awatoro_box .pointimg_02{ height /**/:52px; padding: 52px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02.jpg); } .pointimg_02_title_01{ height /**/:64px; padding: 64px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02_title_01.jpg); } .pointimg_02_title_02{ height /**/:64px; padding: 64px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02_title_02.jpg); } .pointimg_02_01{ height /**/:145px; padding: 145px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02_01.jpg); } .pointimg_02_02{ height /**/:171px; padding: 171px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02_02.jpg); } .pointimg_02_03{ height /**/:145px; padding: 145px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02_03.jpg); } .pointimg_02_04{ height /**/:221px; padding: 221px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_02_04.jpg); } .awatoro_box .point_title03{ height /**/:43px; padding: 43px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/point_title03.jpg); } .awatoro_box .contents_03{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoro/pointimg_03.jpg); background-position:left bottom; background-repeat:no-repeat; padding-bottom:278px } /*--*/ .awatoro_box .contents_02 p, .awatoro_box .contents_03 p{ text-align:left; line-height:1.4; padding-right:40px; } /*-------------- お湯物語 美温浴 泡とろ湯(旧) -------------*/ .awatoroyu_box h5{ height /**/:288px; padding: 288px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoroyu/top_title.jpg);} /*--*/ .awatoroyu_box .point_title01{ height /**/:73px; padding: 73px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoroyu/point_title01.jpg); margin-top:10px;} .awatoroyu_box .point_title02{ height /**/:73px; padding: 73px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/awatoroyu/point_title02.jpg); margin-top:10px;} /*--*/ .awatoroyu_box .contents_01 p, .awatoroyu_box .contents_02 p{ text-align:left; line-height:1.4; padding-right:40px; } /*-------------- お湯物語 うるおう乳液風呂 -------------*/ .nyueki_box h5{ height /**/:118px; padding: 118px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/top_title.jpg);} .nyueki_box .topimg_01{ height /**/:217px; padding: 217px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/topimg_01.jpg);} .nyueki_box .top_caption p{ text-align:left; line-height:1.4; padding-right:40px; } /*--*/ .nyueki_box .point_title01{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/point_title01.jpg); margin-top:10px;} .nyueki_box .point_title02{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/point_title02.jpg); margin-top:10px;} .nyueki_box .point_title03{ height /**/:58px; padding: 58px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/point_title03.jpg); margin-top:10px;} .nyueki_box .point_title04{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/point_title04.jpg); margin-top:10px;} /*--*/ .nyueki_box .contents_01 p, .nyueki_box .contents_02 p, .nyueki_box .contents_04 p{ text-align:left; line-height:1.4; padding-right:40px; } .nyueki_box .contents_03{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/uruoi-nyuekiburo/pointimg_03.jpg); background-position:left top; background-repeat:no-repeat; width:519px; height:92px; padding-left:71px; clear:both; } .nyueki_box .contents_03 p{ text-align:left; line-height:1.4; padding:10px 40px 0px 10px; } /*-------------- お湯物語 牛乳風呂 -------------*/ .gyunyuburo-assort_box h5{ height /**/:303px; padding: 303px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/gyunyuburo-assort/top_title.jpg);} .gyunyuburo-assort_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/gyunyuburo-assort/point_title01.jpg); margin-top:10px;} .gyunyuburo-assort_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/gyunyuburo-assort/point_title02.jpg); margin-top:10px;} .gyunyuburo-assort_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/gyunyuburo-assort/point_title03.jpg); margin-top:10px;} .gyunyuburo-assort_box .contents_01 p, .gyunyuburo-assort_box .contents_02 p, .gyunyuburo-assort_box .contents_03 p{ text-align:left; line-height:1.4; padding-right:40px; } .gyunyuburo-assort_box .contents_01 p span{ font-weight:bold; font-size:1.1em; color:#DF6205; } /*-------------- カウブランド　赤箱・青箱 -------------*/ .akabako_aobako_box h5{ height /**/:254px; padding: 254px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/akabako-aobako-sekken/top_title.jpg);} /*--*/ .akabako_aobako_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/akabako-aobako-sekken/point_title01.jpg);} .akabako_aobako_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/akabako-aobako-sekken/point_title02.jpg);} .akabako_aobako_box .point_title03{ height /**/:145px; padding: 145px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/akabako-aobako-sekken/point_title03.jpg); margin-top:20px;} .akabako_aobako_box .point_title04{ height /**/:145px; padding: 145px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/akabako-aobako-sekken/point_title04.jpg); margin-top:20px;} .akabako_aobako_box .contents_01 p, .akabako_aobako_box .contents_02 p{ text-align:left; line-height:1.4; padding-right:40px; } /*-------------- カウブランド洗顔石けん ものごころ -------------*/ .monogokoro-series_box h5{ height /**/:277px; padding: 277px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/top_title.jpg);} /*--*/ .monogokoro-series_box .point_title01{ height /**/:138px; padding: 138px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/point_title01.jpg); } .monogokoro-series_box .point_title02{ height /**/:138px; padding: 138px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/point_title02.jpg); } .monogokoro-series_box .point_title03{ height /**/:138px; padding: 138px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/point_title03.jpg); } /*--*/ .monogokoro-series_box .caption_01_01{ height /**/:27px; padding: 27px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_01_01.jpg); } .monogokoro-series_box .caption_01_02{ height /**/:49px; padding: 49px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_01_02.jpg); } .monogokoro-series_box .caption_01_03{ height /**/:42px; padding: 42px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_01_03.jpg); } .monogokoro-series_box .caption_01_04{ height /**/:27px; padding: 27px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_01_04.jpg); } .monogokoro-series_box .caption_02_01{ height /**/:25px; padding: 25px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_02_01.jpg); } .monogokoro-series_box .caption_02_02{ height /**/:28px; padding: 28px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_02_02.jpg); } .monogokoro-series_box .caption_02_03{ height /**/:42px; padding: 42px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_02_03.jpg); } .monogokoro-series_box .caption_02_04{ height /**/:27px; padding: 27px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_02_04.jpg); } .monogokoro-series_box .caption_03_01{ height /**/:25px; padding: 25px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_03_01.jpg); } .monogokoro-series_box .caption_03_02{ height /**/:45px; padding: 45px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_03_02.jpg); } .monogokoro-series_box .caption_03_03{ height /**/:42px; padding: 42px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_03_03.jpg); } .monogokoro-series_box .caption_03_04{ height /**/:26px; padding: 26px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/monogokoro-series/caption_03_04.jpg); } .monogokoro-series_box .contents_01 dd, .monogokoro-series_box .contents_02 dd, .monogokoro-series_box .contents_03 dd{ text-align:left; line-height:1.4; padding-right:40px; padding-bottom:10px; } /*-------------- 自然派石けんシリーズ -------------*/ .sizenha_sekken_box h5{ height /**/:280x; padding: 280px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/sizenha-sekken/top_title.jpg);} /*--*/ /*--*/ .sizenha_sekken_box .point_title01{ height /**/:80px; padding: 80px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/sizenha-sekken/point_title01.jpg); } .sizenha_sekken_box .point_title02{ height /**/:65px; padding: 65px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/sizenha-sekken/point_title02.jpg); } /*--*/ .sizenha_sekken_box .caption_01_01{ height /**/:330px; padding: 330px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/sizenha-sekken/point_img01_01.jpg); } .sizenha_sekken_box .caption_01_02{ height /**/:330px; padding: 330px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/sizenha-sekken/point_img01_02.jpg); } .sizenha_sekken_box .pcaption_02_copy{ text-align:left; line-height:1.4; } .sizenha_sekken_box .caption_02_01{ height /**/:280px; padding: 280px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/sizenha-sekken/point_img02.jpg); } /*-------------- 自然ごこちシリーズ -------------*/ .shizen_gocochi_box h5{ height /**/:348px; padding: 348px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi/top_title.jpg);} /*--*/ .shizen_gocochi_box .point_title01{ height /**/:138px; padding: 138px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi/point_title01.jpg); } .shizen_gocochi_box .point_title02{ height /**/:138px; padding: 138px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi/point_title02.jpg); } /*--*/ .shizen_gocochi_box .caption_01_01{ height /**/:370px; padding: 370px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi/point_img01.jpg); } .shizen_gocochi_box .caption_02_01{ height /**/:370px; padding: 370px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shizen-gocochi/point_img02.jpg); } /*-------------- ストリートトニックシャンプー -------------*/ .street-tonic_box h5{ height /**/:287px; padding: 287px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/top_title.jpg);} /*--*/ .street-tonic_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/point_title01.jpg); } .street-tonic_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/point_title02.jpg); } .street-tonic_box .point_title03{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/point_title03.jpg); } .street-tonic_box .point_title04{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/street-tonic/point_title04.jpg); } /*--*/ .street-tonic_box .contents_01 p, .street-tonic_box .contents_02 p, .street-tonic_box .contents_03 p, .street-tonic_box .contents_04 p{ text-align:left; line-height:1.4; padding-right:40px; } /*-------------- シャワラン -------------*/ .shawaran_box h5{ height /**/:308px; padding: 308px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shawaran/top_title.jpg);} /*--*/ .shawaran_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shawaran/point_title01.jpg); } .shawaran_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shawaran/point_title02.jpg); } .shawaran_box .point_title03{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/shawaran/point_title03.jpg); } .shawaran_box .contents_01 p, .shawaran_box .contents_02 p, .shawaran_box .contents_03 p{ text-align:left; line-height:1.4; padding-right:40px; } /*-------------- お風呂屋さん -------------*/ .bathhouse_box h5{ height /**/:357px; padding: 357px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/ofuroyasan-bathhouse/top_title.jpg);} /*-------------- 無添加 -------------*/ .mutenka_box h5{ height /**/:85px; padding: 85px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/top_title.jpg);} .mutenka_box .top_caption p{ text-align:left; line-height:1.4; padding-right:40px; margin-bottom:30px; } .mutenka_box .topimg_01{ height /**/:192px; padding: 192px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/topimg_01.jpg); } .mutenka_box .topimg_01_201103{ height /**/:192px; padding: 192px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/topimg_01_01.jpg); } /*--*/ .mutenka_box .point_title01{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/point_title01.jpg); } .mutenka_box .point_title02{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/point_title02.jpg); } .mutenka_box .contents_01 p, .mutenka_box .contents_02 p{ text-align:left; line-height:1.4; padding-right:40px; } /*-------------- 個別ページ　無添加泡のボディソープ -------------*/ .awa_bodysoap_kobetsu_point{ width:590px; clear:both; } .awa_bodysoap_kobetsu_point dl dt, .awa_bodysoap_kobetsu_point dl dd{ height:590px; text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: left top; outline:0px; } .awa_bodysoap_kobetsu_point dl dt.awa_bodysoap_kobetsu_point01_dt{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point01_dt.jpg); height:45px;} .awa_bodysoap_kobetsu_point dl dd.awa_bodysoap_kobetsu_point01_dd01{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point01_dd01.jpg); height:48px;} .awa_bodysoap_kobetsu_point dl dd.awa_bodysoap_kobetsu_point01_dd02{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point01_dd02.jpg); height:48px;} .awa_bodysoap_kobetsu_point dl dt.awa_bodysoap_kobetsu_point02_dt{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point02_dt.jpg); height:30px;} .awa_bodysoap_kobetsu_point dl dd.awa_bodysoap_kobetsu_point02_dd{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point02_dd.jpg); height:58px;} .awa_bodysoap_kobetsu_point dl dt.awa_bodysoap_kobetsu_point03_dt{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point03_dt.jpg); height:33px;} .awa_bodysoap_kobetsu_point dl dd.awa_bodysoap_kobetsu_point03_dd{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point03_dd.jpg); height:33px;} .awa_bodysoap_kobetsu_point dl dt.awa_bodysoap_kobetsu_point04_dt{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point04_dt.jpg); height:161px;} .awa_bodysoap_kobetsu_point dl dd.awa_bodysoap_kobetsu_point04_dd{background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenka/awa-bodysoap/point04_dd.jpg); height:177px;} /*-------------- 無添加フェイスケア -------------*/ .mutenka-facecare_box h5{ height /**/:85px; padding: 85px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/top_title.jpg);} .mutenkafc_brand_site a{ width:590px; height:320px; text-indent: -9999px; display: block; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/to_brandsite.jpg); background-repeat: no-repeat; background-position: left top; outline:0px; } .mutenkafc_brand_site a:hover{ background-position: left bottom; } .mutenka-facecare_box .top_caption p{ text-align:left; line-height:1.4; padding-right:40px; margin-bottom:30px; } .mutenka-facecare_box .topimg_01{ height /**/:256px; padding: 256px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/topimg_01.jpg); } /*--*/ .mutenka-facecare_box .point_title01{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/point_title01.jpg); } .mutenka-facecare_box .contents_01 p, .mutenka-facecare_box .contents_02 p, .mutenka-facecare_box .contents_03 p{ text-align:left; line-height:1.4; padding-right:40px; } .mutenka-facecare_box .pointimg_01{ height /**/:52px; padding: 52px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/pointimg_01.jpg); } .mutenka-facecare_box .point_title02{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/point_title02.jpg); } .mutenka-facecare_box .point_title03{ height /**/:259px; padding: 259px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/mutenkafc/point_title03.jpg); } /*-------------- 新キューピーべビーシリーズ -------------*/ .kewpie_baby_box h5{ he.ight /**/:85px; padding: 85px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/kewpie-baby/top_title.jpg);} .kewpie-baby_brand_site a{ width:590px; height:320px; text-indent: -9999px; display: block; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/kewpie-baby/to_brandsite.jpg); background-repeat: no-repeat; background-position: left top; outline:0px; } .kewpie-baby_brand_site a:hover{ background-position: left bottom; } .kewpie_baby_hosoku{ border:1px solid #F3B3CE; padding:8px 0px; clear:both; } .kewpie_baby_hosoku h5{ color:#EB107D; padding-top:4px; padding-bottom:4px; padding-left:24px; font-size:1.4em; text-align:left; margin-top:8px; margin-bottom:8px; margin-left:10px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/kewpie-baby/hosoku_mark.jpg); background-repeat:no-repeat; background-position:left top; } .kewpie_baby_hosoku dl{ text-align:left; } .kewpie_baby_hosoku dl dt{ color:#EB107D; text-align:left; padding-bottom:3px; padding-left:12px; padding-right:12px; font-weight:bold; } .kewpie_baby_hosoku dl dd{ text-align:left; padding-bottom:2px; padding-left:12px; padding-right:12px; line-height:1.4; } .kewpie_baby_hosoku dl dd span{ color:#EB107D; } .kewpie_baby_hosoku dl dd.kewpie_baby_hosoku_note{ font-size:0.8em; } /*-------------- キューピーべビーシリーズ -------------*/ .qpbaby_box h5{ he.ight /**/:85px; padding: 85px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/qpbaby/top_title.jpg);} .qpbaby_box .top_caption p{ text-align:left; line-height:1.4; padding-right:40px; margin-bottom:30px; } .qpbaby_box .topimg_01{ height /**/:206px; padding: 206px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/qpbaby/topimg_01.jpg); } /*--*/ .qpbaby_box .point_title01{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/qpbaby/point_title01.jpg); } .qpbaby_box .pointimg_01{ height /**/:541px; padding: 541px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/qpbaby/pointimg_01.jpg); } .qpbaby_box .contents_01 p, .qpbaby_box .contents_02 p{ text-align:left; line-height:1.4; padding-right:40px; } .qp_hosoku{ border:1px solid #F3B3CE; padding:8px 0px; clear:both; } .qp_hosoku h5{ color:#EB107D; padding-top:4px; padding-bottom:4px; padding-left:24px; font-size:1.4em; text-align:left; margin-top:8px; margin-bottom:8px; margin-left:10px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/qpbaby/hosoku_mark.jpg); background-repeat:no-repeat; background-position:left top; } .qp_hosoku dl{ text-align:left; } .qp_hosoku dl dt{ color:#EB107D; text-align:left; padding-bottom:3px; padding-left:12px; padding-right:12px; font-weight:bold; } .qp_hosoku dl dd{ text-align:left; padding-bottom:2px; padding-left:12px; padding-right:12px; line-height:1.4; } .qp_hosoku dl dd span{ color:#EB107D; } .qp_hosoku dl dd.qp_hosoku_note{ font-size:0.8em; } /*-------------- ミルキィボディソープ -------------*/ .milky_box h5{ height /**/:253px; padding: 253px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/top_title.jpg);} /*--*/ .milky_box .point_title01{ height /**/:105px; padding: 105px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/point_title01.jpg); } .milky_box .pointimg_01{ height /**/:199px; padding: 199px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/pointimg_01.jpg); } .milky_box .point_title02{ height /**/:74px; padding: 74px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/point_title02.jpg); } .milky_box .point_title03{ height /**/:74px; padding: 74px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/point_title03.jpg); } .milky_box .contents_01 p, .milky_box .contents_02 p, .milky_box .contents_03 p, .milky_box .contents_02 .caption_02_01copy, .milky_box .contents_02 .caption_02_02copy{ text-align:left; line-height:1.4; padding-right:40px; } .milky_box .caption_02_01{ height /**/:27px; padding: 27px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/caption_02_01.jpg); } .milky_box .caption_02_02{ height /**/:27px; padding: 27px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/milky-bodysoap/caption_02_02.jpg); } /*-------------- ミルキィボディソープ バウンシア-------------*/ .bouncia_box h5{ height /**/:293px; padding: 293px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/top_title.jpg);} /*--*/ .bouncia_box .point_title01{ height /**/:77px; padding: 77px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/point_title01.jpg); } .bouncia_box .pointimg_01{ height /**/:156px; padding: 156px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/pointimg_01.jpg); } .bouncia_box .point_title02{ height /**/:90px; padding: 90px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/point_title02.jpg); } .bouncia_box .point_title03{ height /**/:90px; padding: 90px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/point_title03.jpg); } .bouncia_box .point_title04{ height /**/:90px; padding: 90px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/point_title04.jpg); } .bouncia_box .contents_01 p, .bouncia_box .contents_02 p, .bouncia_box .contents_03 p{ text-align:left; line-height:1.4; padding-right:40px; } .bouncia_box .contents_04 p{ width:400px; height:170px; padding-right:190px; text-align:left; line-height:1.4; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia/pointimg_04.jpg); background-position:right top; background-repeat:no-repeat; clear:both; } /*-------------- バウンシア ボディソープ-------------*/ .bouncia_box_01 h5{ height /**/:301px; padding: 301px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia01/top_title.jpg);} /*--*/ .bouncia_box_01 .point_title01{ height /**/:77px; padding: 77px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia01/point_title01.jpg); } .bouncia_box_01 .pointimg_01{ height /**/:156px; padding: 156px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia01/pointimg_01.jpg); } .bouncia_box_01 .point_title02{ height /**/:90px; padding: 90px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia01/point_title02.jpg); } .bouncia_box_01 .point_title03{ height /**/:385px; padding: 385px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia01/point_title03.jpg); } .bouncia_box_01 .contents_01 p{ text-align:left; line-height:1.4; padding-right:40px; } .bouncia_box_01 .contents_02 p{ width:400px; height:170px; padding-right:190px; text-align:left; line-height:1.4; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/bouncia01/pointimg_02.jpg); background-position:right top; background-repeat:no-repeat; clear:both; } /*-------------- スキンライフシリーズ-------------*/ .skinlife_box h5{ height /**/:272px; padding: 272px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/top_title.jpg);} /*--*/ .skinlife_box .point_title01{ height /**/:85px; padding: 85px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/point_title01.jpg); } .skinlife_box .point_title02{ height /**/:74px; padding: 74px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/point_title02.jpg); } .skinlife_box .contents_01 p, .skinlife_box .contents_02 p, .skinlife_box .contents_01 .caption_01_01copy, .skinlife_box .contents_01 .caption_01_02copy{ text-align:left; line-height:1.4; padding-right:40px; } .skinlife_box .caption_01_01{ height /**/:25px; padding: 25px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_01_01.jpg); } .skinlife_box .caption_01_02{ height /**/:25px; padding: 25px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_01_02.jpg); } .skinlife_box .caption_01_03{ height /**/:25px; padding: 25px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_01_03.jpg); } .skinlife_box table{ clear:both; width:590px; padding:0px; border-collapse:collapse; } .skinlife_box table th{ width:241px; } .skinlife_box table th.sl01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/pointimg_02_01.jpg); background-repeat:no-repeat;background-position:left top; height:178px;} .skinlife_box table th.sl02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/pointimg_02_02.jpg); background-repeat:no-repeat;background-position:left top; height:178px;} .skinlife_box table th.sl03{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/pointimg_02_03.jpg); background-repeat:no-repeat;background-position:left top; height:171px;} .skinlife_box table th.sl04{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/pointimg_02_04.jpg); background-repeat:no-repeat;background-position:left top; height:171px;} .skinlife_box table td{ } .skinlife_box table td.sld01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_02_01.jpg); background-repeat:no-repeat;background-position:left top; height:125px;width:262px;} .skinlife_box table td.sld02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_02_02.jpg); background-repeat:no-repeat;background-position:left top; height:119px;width:262px;} .skinlife_box table td.sld03{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_02_03.jpg); background-repeat:no-repeat;background-position:left top; height:115px;width:262px;} .skinlife_box table td.sld04{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/skinlife/caption_02_04.jpg); background-repeat:no-repeat;background-position:left top; height:112px;width:262px;} .skinlife_box table td.sld01copy, .skinlife_box table td.sld02copy, .skinlife_box table td.sld03copy, .skinlife_box table td.sld04copy{ height:50px; text-align:left; vertical-align:middle; padding-left:5px; width:257px; } /*-------------- ニュータイプ-------------*/ .newtype_box h5{ height /**/:244px; padding: 244px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/newtype/top_title.jpg);} /*--*/ .newtype_box .point_title01{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/newtype/point_title01.jpg); } .newtype_box .point_title02{ height /**/:76px; padding: 76px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/newtype/point_title02.jpg); } .newtype_box .contents_01 p, .newtype_box .contents_02 p{ text-align:left; line-height:1.4; padding-right:40px; } .newtype_box .history{ display:block; width:590px; height:0 !important; overflow:hidden; background-position:center top; background-repeat:no-repeat; height /**/:1500px; padding: 1500px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/newtype/history.jpg); } /*-------------- 香水石鹸 フロリダバイオレット-------------*/ .florida_v_box h5{ height /**/:277px; padding: 277px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/florida-violet/top_title.jpg);} /*--*/ .florida_v_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/florida-violet/point_title01.jpg); } .florida_v_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/florida-violet/point_title02.jpg); } .florida_v_box .contents_01 p, .florida_v_box .contents_02 p{ text-align:left; line-height:1.4; padding-right:40px; } .florida_v_box .history{ display:block; width:590px; height:0 !important; overflow:hidden; background-position:center top; background-repeat:no-repeat; height /**/:1750px; padding: 1750px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/florida-violet/history.jpg); } /*-------------- セレブヘアケア-------------*/ .celeb_haircare_box h5{ height /**/:87px; padding: 87px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/top_title.jpg);} .celeb_haircare_box .top_caption p{ text-align:left; line-height:1.4; padding-right:40px; } .celeb_haircare_box .topimg_01{ height /**/:221px; padding: 221px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/topimg_01.jpg); } /*--*/ .celeb_haircare_box .point_title01{ height /**/:78px; padding: 78px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/point_title01.jpg); } .celeb_haircare_box .point_section{ width:590px; margin:auto; text-align:center; clear:both; } .celeb_haircare_box .point_section ul{ text-align:left; clear:both; } .celeb_haircare_box .section01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/pointimg_01_01.jpg); background-position:left top; background-repeat:no-repeat; width:466px; height:160px; padding-left:124px; clear:both; } .celeb_haircare_box .section02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/pointimg_01_02.jpg); background-position:left top; background-repeat:no-repeat; width:466px; height:160px; padding-left:124px; clear:both; } .celeb_haircare_box .section_title01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/caption_01_01.jpg); background-position:right top; background-repeat:no-repeat; height:88px; width:466px; } .celeb_haircare_box .section_title02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/caption_01_02.jpg); background-position:right top; background-repeat:no-repeat; height:74px; width:466px; } .celeb_haircare_box .section_copy01, .celeb_haircare_box .section_copy02{ text-align:left; line-height:1.4; padding-right:40px; padding-left:5px; clear:both; } .celeb_haircare_header{ width:590px;height:186px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/point_01a.jpg); background-position: center bottom; background-repeat:no-repeat; } .celeb_haircare_footer{ width:590px;height:27px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/point_01c.jpg); background-position: center top; background-repeat:no-repeat; clear:both; } .celeb_haircare_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/point_01b.jpg); background-position: center top; background-repeat:repeat-y; text-align:left; line-height:1.4; } .celeb_haircare_body{ overflow: hidden; } .celeb_haircare_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .celeb_haircare_body{ height: 1em; overflow: visible; } /**/ .celeb_haircare_body dl{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/pointimg_02.jpg); background-position:left top; background-repeat:no-repeat; width:244px; height:290px; padding-left:236px; margin-left:20px; clear:both; } .celeb_haircare_body dl dt{ display:block; width:238px; height:0 !important; overflow:hidden; background-position:center top; background-repeat:no-repeat; margin: auto; clear:both; } .celeb_haircare_body dl dt.hold01{ height /**/:24px; padding: 24px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/caption_02_01.jpg);} .celeb_haircare_body dl dt.hold02{ height /**/:24px; padding: 24px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/caption_02_02.jpg);} .celeb_haircare_body dl dt.hold03{ height /**/:24px; padding: 24px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-haircare/caption_02_03.jpg);} .celeb_haircare_body dl dd.hold01copy, .celeb_haircare_body dl dd.hold02copy, .celeb_haircare_body dl dd.hold03copy{ width:228px; text-align:left; line-height:1.4; padding:5px 10px 20px 10px; clear:both; } /*-------------- セレブフェイスケア-------------*/ .celeb_facecare_box dl.top_image_f{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/topimg_01.jpg); background-position:right top; background-repeat:no-repeat; width:382px; height:229px; padding-right:208px; clear:both; } .celeb_facecare_box dl dt.top_title_f{ display:block; width:382px; height:0 !important; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/top_title.jpg); background-position:center top; background-repeat:no-repeat; margin: auto; clear:both; height /**/:137px; padding: 137px 0px 0px 0px; } .celeb_facecare_box dl dd.top_copy_f{ width:367px; text-align:left; line-height:1.4; padding:3px 10px 3px 5px; clear:both; } /*--*/ .celeb_facecare_box .point_title01{ height /**/:67px; padding: 67px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/point_title01.jpg); } .celeb_facecare_box .point_section{ width:590px; margin:auto; text-align:center; clear:both; } .celeb_facecare_box .section01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/pointimg_01_01.jpg); background-position:left top; background-repeat:no-repeat; width:466px; height:160px; padding-left:124px; clear:both; } .celeb_facecare_box .section02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/pointimg_01_02.jpg); background-position:left top; background-repeat:no-repeat; width:466px; height:160px; padding-left:124px; clear:both; } .celeb_facecare_box .section_title01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/caption_01_01.jpg); background-position:right top; background-repeat:no-repeat; height:53px; width:466px; } .celeb_facecare_box .section_title02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/celeb-facecare/caption_01_02.jpg); background-position:right top; background-repeat:no-repeat; height:27px; width:466px; } .celeb_facecare_box .section_copy01, .celeb_facecare_box .section_copy02{ width:411px; text-align:left; line-height:1.4; padding:3px 50px 3px 5px; clear:both; } /*-------------- メディッシュ薬用泡ハンドソープＴＷＯ’Ｓ（ツーズ） -------------*/ .twos_box h5{ height /**/:317px; padding: 317px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/top_title.jpg);} /*--*/ .twos_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/point_title01.jpg); margin-top:10px;} .twos_box .pointimg_01{ height /**/:247px; padding: 247px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/pointimg_01.jpg); } .twos_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/point_title02.jpg); margin-top:10px;} .twos_box .point_title03{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/point_title03.jpg); margin-top:10px;} .twos_box .point_title04{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/point_title04.jpg); margin-top:10px;} /*--*/ .twos_box .contents_01 p, .twos_box .contents_02 p, .twos_box .contents_03 p, .twos_box .contents_04 p{ text-align:left; line-height:1.4; padding-right:40px; } .twos_box table{ clear:both; width:590px; padding:0px; border-collapse:collapse; } .twos_box .awa_img01{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/pointimg_03_01.jpg); background-repeat:no-repeat;background-position:left top; height:205px;width:353px;} .twos_box .awa_img02{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/pointimg_03_02.jpg); background-repeat:no-repeat;background-position:center top; height:120px;width:120px;} .twos_box .awa_img03{ background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/twos/caption_03.jpg); background-repeat:no-repeat;background-position:right top; height:29px;width:237px;} .awa_copy04 p{ text-align:left; line-height:1.4; padding-right:5px; } /*-------------- メディッシュ薬用 -------------*/ .medish_box h5{ height /**/:226px; padding: 226px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/top_title.jpg);} .medish_brand_site a{ width:590px; height:320px; text-indent: -9999px; display: block; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/to_brandsite.jpg); background-repeat: no-repeat; background-position: left top; outline:0px; } .medish_brand_site a:hover{ background-position: left bottom; } /*--*/ .medish_box .point_title01{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/point_title01.jpg); } .medish_box .pointimg_01{ height /**/:267px; padding: 267px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/pointimg_01.jpg); } .medish_box .point_title02{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/point_title02.jpg); } .medish_box .point_title03{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/point_title03.jpg); } .medish_box .point_title04{ height /**/:70px; padding: 70px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/point_title04.jpg); } .medish_box .pointimg_04{ height /**/:40px; padding: 40px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/caption_04.jpg); } /*--*/ .medish_box .contents_01 p, .medish_box .contents_02 p, .medish_box .contents_03 p, .medish_box .contents_04 p{ text-align:left; line-height:1.4; padding-right:40px; } .medish_box dl.caption_03{ width:590px; clear:both; } .medish_box .caption_03 dt{ display:block; width:590px; height:0 !important; overflow:hidden; background-position:center top; background-repeat:no-repeat; margin: auto; clear:both; } .medish_box .caption_03_01{ height /**/:90px; padding: 90px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/caption_03_01.jpg); } .medish_box .caption_03_02{ height /**/:39px; padding: 39px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/caption_03_02.jpg); } .medish_box .caption_03_03{ height /**/:39px; padding: 39px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/caption_03_03.jpg); } .medish_box .caption_03_01copy p, .medish_box .caption_03_02copy p, .medish_box .caption_03_03copy p, .medish_box .caption_03_04copy p, .medish_box .contents_04_01copy p{ text-align:left; line-height:1.4; padding-right:40px; } .medish_y_hosoku{ border:1px solid #009B52; padding:8px 0px; margin-top:15px; clear:both; } .medish_y_hosoku dl{ text-align:left; padding-left:105px; margin-left:10px; background-image: url(http://www.cow-soap.co.jp/web/ig/products/brand/medish/hosoku_mark.jpg); background-repeat:no-repeat; background-position:left center; } .medish_y_hosoku dl dt{ color:#009B52; text-align:left; padding-top:5px; padding-bottom:3px; padding-left:12px; padding-right:12px; font-weight:bold; font-size:1.2em; } .medish_y_hosoku dl dd{ text-align:left; padding-bottom:2px; padding-left:12px; padding-right:12px; line-height:1.4; } .medish_y_hosoku dl dd.medish_y_hosoku_note{ font-size:0.8em; } .medish_y_hosoku dl dd span{ color:#009B52; } .item_top_caption{ } .item_top_caption p{ text-align:left; line-height:1.4; padding:5px 15px 5px 0px; } .item_point_contents_01 p, .item_point_contents_02 p, .item_point_contents_03 p, .item_point_contents_04 p{ text-align:left; line-height:1.4; padding:5px 15px 5px 0px; } /*-------------- メルマガ -------------*/ /*----メールマガジン------------*/ .momo h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } .momo ul li{list-style:none;} .momo_header_t, .momo_header_k{ width:590px;height:48px; background-position: center bottom; background-repeat:no-repeat; } .momo_header_t{ background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/momo_header_t.jpg);} .momo_header_k{ background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/momo_header_k.jpg);} .momo_footer_t, .momo_footer_k{ width:590px;height:30px; background-position: center top; background-repeat:no-repeat; } .momo_footer_t{ background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/momo_footer_t.jpg);} .momo_footer_k{ background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/momo_footer_k.jpg);} .momo_body_t, .momo_body_k{ width:590px; background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; } .momo_body_t{ background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/momo_body_t.jpg);} .momo_body_k{ background-image: url(http://www.cow-soap.co.jp/web/ig/momo-magazine/momo_body_k.jpg);} .momo_body_t, .momo_body_k{ overflow: hidden; } .momo_body_t:after, .momo_body_k:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .momo_body_t, * html .momo_body_k{ height: 1em; overflow: visible; } /**/ .momo_t_koumoku, .momo_k_koumoku{ } .momo_t_koumoku input, .momo_k_koumoku input{ border:1px solid #666666; } .momo_copy{ padding:30px 5px 30px 5px; text-align:left; line-height:1.4; } .momo_touroku{ clear:both; padding-bottom:30px;} .momo_mail01, .momo_mail02, .momo_name01{ text-align:left; padding-left:165px; } .momo_name02{ padding-left:5px; text-align:left; } .momo_name01, .momo_name02{float:left;} .momo_mail02{ padding-bottom:10px;} .momo_center01{ clear:both; padding-top:8px; margin:auto; text-align:center; font-size:0.9em; } .momo_center02{ margin:auto; text-align:center; font-size:0.9em; } .momo_center03{ clear:both; padding-top:15px; margin:auto; text-align:center; font-size:0.8em; } .momo_center dt{ padding-bottom:10px; } /*-------------- プレゼントページ -------------*/ /*-------------- プレゼント -------------*/ .present{ margin:auto; text-align:center; } .present li{list-style:none;} .present h3{ clear:both; display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/present/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .present_ichiran ul{ text-align:left; padding:0px 25px 30px; } .present_ichiran ul li{ padding:11px 15px 11px; border-bottom:1px solid #FF0000; font-size:1.2em; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/up-date/mark.jpg); margin-bottom:15px; } .present_ichiran ul li a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .present_ichiran ul li a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .present_ichiran ul li a:hover { color:#FF0000; text-decoration: underline;} .present_ichiran ul li a:active { color:#FF0000; text-decoration: underline;} .present .present_mark{ display:block; margin:auto; text-align:center; background-image: url(http://www.cow-soap.co.jp/web/ig/present/present_mark.jpg); background-position:left center; background-repeat:no-repeat; margin-bottom:10px; /*-----width:360px; 文字量によって変更------*/ } .present .pm_400{width: 400px;} .present .pm_420{width: 420px;} .present .pm_440{width: 440px;} .present .pm_450{width: 450px;} .present .pm_460{width: 460px;} .present .pm_480{width: 480px;} .present .pm_500{width: 500px;} .present .pm_520{width: 520px;} .present .pm_580{width: 580px;} .present .present_mark p{ color:#FF0000; font-size:1.6em; line-height:1.2em; padding:50px 0px 0px 80px; text-align:left; font-weight:bold; } .present .present_caption{ padding-top:40px; color:#0099FF; font-weight:bold; font-size:1.1em; } .present_box01{ padding:20px 20px 25px 20px; text-align:left; line-height:1.5;} .present_box02{ } .present_box03{} .oubo_header{ width:590px;height:24px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/oubo_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .oubo_footer{ width:590px;height:24px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/oubo_footer.jpg); background-position: center top; background-repeat:no-repeat; } .oubo_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/oubo_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; } .oubo_body{ overflow: hidden; } .oubo_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .oubo_body{ height: 1em; overflow: visible; } /**/ .oubo_body{} .oubo_body p{ padding:5px 35px; font-size:1.5em; font-weight:bold;} .oubo_body span{font-size:1.2em; color:#FF0000;} .oubo_copy{color:#E11111; padding:5px 25px;} .present_box04{ padding:60px 20px 5px 20px; text-align:left; line-height:1.5;} .present a:link { color:#000000; text-decoration: none} .present a:visited { color:#000000; text-decoration: none} .present a:hover { color:#FF0000; text-decoration: underline} .present a:active { color:#FF0000; text-decoration: underline} ul.present_note{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/present_note.jpg); background-position: center top; background-repeat:no-repeat; margin-top:15px; margin-bottom:50px; } ul.present_note li{ color:#333333; font-size:0.9em; text-align:left; line-height:1.3; padding:0px 25px; list-style:none; } ul.present_note li.present_note01{padding-top:60px;padding-bottom:15px;} ul.present_note li a:link { color:#FF0000; text-decoration: none} ul.present_note li a:visited { color:#FF0000; text-decoration: none} ul.present_note li a:hover { color:#FF0000; text-decoration: underline} ul.present_note li a:active { color:#FF0000; text-decoration: underline} .present_entry{ text-align:center; margin:auto; padding:20px 20px 25px 20px; } .present_entry p{padding-bottom:20px;} .present_caption_change{ padding-top:40px; color:#0066FF; font-weight:bold; font-size:1.2em; text-align:left; } .present_caption_change_copy{ text-align:left; line-height:1.3; } dd.present_caption_keyword{ padding-top:20px; text-align:left; line-height:1.3; } dd.present_caption_keyword dl{ padding:8px 15px; border:1px solid #FF0000; } dd.present_caption_keyword dl dt{ color:#000000; font-size:1em; } dd.present_caption_keyword dl dd{ } dd.present_caption_keyword dl dd a:link { color:#FF0000; text-decoration: none} dd.present_caption_keyword dl dd a:visited { color:#FF0000; text-decoration: none} dd.present_caption_keyword dl dd a:hover { color:#FF0000; text-decoration: underline} dd.present_caption_keyword dl dd a:active { color:#FF0000; text-decoration: underline} /*-------------- 特別プレゼント -------------*/ .present_sp01{ margin:auto; text-align:center; } .present_sp01 li{list-style:none;} .present_sp01 h3{ clear:both; display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/present/dvd/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .present_sp01 dl{ margin:auto; text-align:center; } .present_sp01 dl dd.present_sp01_copy{ text-align:left; line-height:1.5; padding:10px 0px; } .present_sp01 dl dd.present_sp01_img{ padding-bottom:10px; } .present_sp01_box01 ul li.entry_sp01_header{ width:590px;height:65px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/dvd/e_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .present_sp01_box01 ul li.entry_sp01_footer{ width:590px;height:19px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/dvd/e_footer.jpg); background-position: center top; background-repeat:no-repeat; } .present_sp01_box01 ul li.entry_sp01_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/dvd/e_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; } .present_sp01_box01 ul li.entry_sp01_body{ overflow: hidden; } .present_sp01_box01 ul li.entry_sp01_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .present_sp01_box01 ul li.entry_sp01_body{ height: 1em; overflow: visible; } /**/ .present_sp01_box01 ul li.entry_sp01_body table{ border:none; text-align:center; margin-left:45px; margin-right:35px; } .present_sp01_box01 ul li.entry_sp01_body table th{ padding:10px 0px 10px 0px; text-align:left; vertical-align:top; } .present_sp01_box01 ul li.entry_sp01_body table td{ padding:10px 0px 10px 10px; text-align:left; color:#4370B4; line-height:1.4; font-weight:bold; vertical-align:top; } .present_sp01_box01 ul li.entry_sp01_body p{ text-align:left; line-height:1.3; color:#4370B4; font-size:0.9em; padding-left:45px; padding-right:35px; } ul.present_sp01_note{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/present/dvd/note_title.jpg); background-position: center top; background-repeat:no-repeat; margin-top:25px; margin-bottom:50px; } ul.present_sp01_note li{ color:#333333; font-size:0.9em; text-align:left; line-height:1.3; padding:0px 25px;} ul.present_sp01_note li.present_sp01_note01{padding-top:45px;padding-bottom:15px;} ul.present_sp01_note li a:link { color:#FF0000; text-decoration: none} ul.present_sp01_note li a:visited { color:#FF0000; text-decoration: none} ul.present_sp01_note li a:hover { color:#FF0000; text-decoration: underline} ul.present_sp01_note li a:active { color:#FF0000; text-decoration: underline} .present_sp01_entry{ text-align:center; margin:auto; padding:20px 20px 25px 20px; } .present_sp01_entry p{padding-bottom:20px;} /*-------------- 知る・楽しむ関連ページ -------------*/ #event{ margin:auto; text-align:center; } #event h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/title_studyenjoy.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } #event ul li{ list-style:none; } .ichiran{ float:right; text-align:right; margin:5px; padding:5px; } .ichiran a:link { color:#000000; text-decoration: none} .ichiran a:visited { color:#000000; text-decoration: none} .ichiran a:hover { color:#FF0000; text-decoration: underline} .ichiran a:active { color:#FF0000; text-decoration: underline} /*-----event menu -------------*/ .event_menu{ width:590px; text-align:left; clear:both; padding-top:33px; padding-bottom:40px; } .emneu01{ width:590px; clear:both; } .emneu01 ul li{ float:left; list-style:none; height:29px; vertical-align:bottom; } .emneu01 ul li a{ display: block; width: 145px; height:29px; padding: 0px; background-position: left top; text-decoration: none; } .emneu01 ul li a:hover {background-position: right top;} .emneu01 ul li.emneu01_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu01.jpg);} .emneu01 ul li.emneu01_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu02.jpg);} .emneu01 ul li.emneu01_03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu03.jpg);} .emneu01 ul li.emneu01_04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu04.jpg);} .emneu01 ul li.emneu01_01, .emneu01 ul li.emneu01_02, .emneu01 ul li.emneu01_03{padding-right:3px;} .emneu02{ width:590px; padding:0px 0px 0px 0px; clear:both; } .emneu02 ul{padding-top:10px;} .emneu03{ width:590px; padding:0px 0px 0px 0px; clear:both; } .emneu03 ul{padding-bottom:30px;} .emneu02 ul li, .emneu03 ul li{ float:left; list-style:none; height:25px; vertical-align:bottom; } .emneu02 ul li a, .emneu03 ul li a{ display: block; height:25px; padding: 0px; background-position: left top; text-decoration: none; } .emneu02 ul li a:hover,.emneu03 ul li a:hover {background-position: right top;} .emneu02 ul li.emneu02_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu02_01.jpg); width:111px;} .emneu02 ul li.emneu02_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu02_02.jpg); width:189px;} .emneu02 ul li.emneu02_03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu02_03.jpg); width:111px;} .emneu02 ul li.emneu02_04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu02_04.jpg); width:178px;} .emneu03 ul li.emneu03_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu03_01.jpg); width:151px;} .emneu03 ul li.emneu03_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu03_02.jpg); width:96px;} .emneu03 ul li.emneu03_03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu03_03.jpg); width:165px;} .emneu03 ul li.emneu03_04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/es_menu03_04.jpg); width:86px;} /*-----stydyenjoy_top-------------*/ .stydyenjoy_top p{ text-align:left; line-height:1.4; padding:20px 20px 30px 20px; } /*-----箱裏-------------*/ .essay_header{ width:590px;height:105px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/essay_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .essay_footer{ width:590px;height:321px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/essay_footer.jpg); background-position: center top; background-repeat:no-repeat; } .essay_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/essay_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; } .essay_body{ overflow: hidden; } .essay_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .essay_body{ height: 1em; overflow: visible; } /**/ .essay_body p{ text-align:left; line-height:1.4; padding:0px 20px 30px 20px; } /*-----著名人--------*/ .celebrity_list{ margin:auto; text-align:center; width:420px; } .celebrity_list ul li{ list-style:none; height:33px; vertical-align:bottom; padding-bottom:10px; } .celebrity_list ul li a{ display: block; width: 200px; height:33px; padding: 0px; background-position: left top; text-decoration: none; } .celebrity_list ul li a:hover {background-position: right top;} .celebrity_list .celebrity_list01{float:left; width:200px;} .celebrity_list .celebrity_list02{float:right; width:200px;} .celebrity_list01_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono1.jpg);} .celebrity_list01_03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono3.jpg);} .celebrity_list01_05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono5.jpg);} .celebrity_list01_07 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono7.jpg);} .celebrity_list02_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono2.jpg);} .celebrity_list02_04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono4.jpg);} .celebrity_list02_06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/hakoura/sono6.jpg);} /*----石けんの思い出-------------*/ .memory{ text-align:center; margin:auto; clear:both; } .memory ul{list-style:none;} .memory h4{ display:block; width:590px; height:0 !important; height /**/:187px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 187px 0px 0px 0px; } .memory p{ text-align:left; line-height:1.4; padding:20px 0px 5px 0px; } .memory p a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .memory p a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .memory p a:hover { color:#FF0000; text-decoration: underline;} .memory p a:active { color:#FF0000; text-decoration: underline;} .memory p.memory_attention{ text-align:left; font-size:0.9em; color:#666666; line-height:1.0; padding:3px 5px 50px 15px; } .memory_list ul li{ width:250px; background-position:left center; background-repeat:no-repeat; text-align:left; padding:15px 0px 13px 30px; margin-bottom:10px; line-height: 1.4; float:left; font-size:0.9em; } .memory_list .memory_list_01{float:left;width:250px;} .memory_list .memory_list_02{float:right;width:250px;} .m01{background-image:url(http://www.cow-soap.co.jp/web/ig/event/memory/type_a.jpg);} .m02{background-image:url(http://www.cow-soap.co.jp/web/ig/event/memory/type_b.jpg);} .memory_list a:link { color:#4557C50; text-decoration: none} .memory_list a:visited { color:#4557C5; text-decoration: none} .memory_list a:hover { color:#FF0000; text-decoration: underline} .memory_list a:active { color:#FF0000; text-decoration: underline} /*-----石けんの思い出-個別ページ--------*/ .memory_header{ width:590px;height:14px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memory_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .memory_footer{ width:590px;height:30px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memory_footer.jpg); background-position: center top; background-repeat:no-repeat; } .memory_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memory_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; margin:auto; text-align:center; } .memory_body{ overflow: hidden; } .memory_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .memory_body{ height: 1em; overflow: visible; } /**/ .memory_body p{ text-align:left; line-height:1.4; padding:0px 20px 10px 20px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memory_bubble.jpg); background-position: center bottom; background-repeat:no-repeat; } .memorytitle_header{ width:590px;height:9px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memorytitle_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .memorytitle_footer{ width:590px;height:21px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memorytitle_footer.jpg); background-position: center top; background-repeat:no-repeat; } .memorytitle_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/memory/memorytitle_body.jpg); background-position: center top; background-repeat:repeat-y; } .memorytitle_body{ overflow: hidden; } .memorytitle_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .memorytitle_body{ height: 1em; overflow: visible; } /**/ .memorytitle_body h5{ text-align:left; padding-left:30px; padding-right:10px; color:#2940C2;} .memorytitle_body h5 span{ padding-left:5px; font-size:0.7em;} .memory_navi{padding:15px 0px;} .memory_navi a:link { color:#000000; text-decoration: none} .memory_navi a:visited { color:#000000; text-decoration: none} .memory_navi a:hover { color:#FF0000; text-decoration: underline} .memory_navi a:active { color:#FF0000; text-decoration: underline} /*-----牛乳石鹸ミュージアム--------*/ .museum{ text-align:center; margin:auto; clear:both; } .museum h4{ display:block; width:590px; height:0 !important; height /**/:250px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/museum/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 250px 0px 0px 0px; } .museum .caption01, .museum .caption02{ display:block; width:590px; height:0 !important; height /**/:93px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 93px 0px 0px 0px; } .museum .caption01{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/museum/subtitle01.jpg);} .museum .caption02{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/museum/subtitle02.jpg);} .museum .caption01copy, .museum .caption02copy{ text-align:left; line-height:1.4; padding:0px 15px 30px 30px; } .museum .caption01_cm{ padding-bottom:50px; margin:auto; text-align:center; } .museum .caption01_cm table{ padding-bottom:50px; margin:auto; text-align:center; } .quicktime{ padding:20px 0px 5px;} .museum .museum_img_01{ display:block; width:590px; height:0 !important; height /**/:420px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/museum/gakufu.jpg); background-position:center top; background-repeat:no-repeat; padding: 420px 0px 0px 0px; } .museum .song_copy01, .museum .song_copy02, .museum .song_copy03{ text-align:left; line-height:1.5; padding:0px 15px 30px 40px; } .caption03{text-align:left;} .caption03_table{ margin:auto; text-align:center; } .caption03_table table{ width:100%;} .caption03_table table th{ border-bottom:1px solid #999999; padding:5px;} .caption03_table table td{ border-bottom:1px solid #999999; padding:5px;} .caption03_table table a:link { color:#0099FF; font-weight:bold;text-decoration: none; } .caption03_table table a:visited { color:#0099FF; font-weight:bold; text-decoration: none} .caption03_table table a:hover { color:#0099FF; text-decoration: underline} .caption03_table table a:active { color:#0099FF; text-decoration: underline} /*-----お風呂豆知識--------*/ .bath_trivia{ text-align:center; margin:auto; clear:both; } .bath_trivia h4{ display:block; width:590px; height:0 !important; height /**/:280px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 280px 0px 0px 0px; } .bath_trivia_list ul li{ list-style:none; padding-bottom:40px;} .bath_trivia_list ul li a{ display: block; width: 590px; height:35px; padding:0px; background-position: left top; text-decoration: none; } .bath_trivia_list ul li a:hover{ background-position: left bottom; } .bath_trivia_list ul li.trivia01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge01.jpg);} .bath_trivia_list ul li.trivia02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge02.jpg);} .bath_trivia_list ul li.trivia03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge03.jpg);} .bath_trivia_list ul li.trivia04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge04.jpg);} .bath_trivia_list ul li.trivia05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge05.jpg);} .bath_trivia_list ul li.trivia06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge06.jpg);} .bath_trivia_list ul li.trivia07 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge07.jpg);} .bath_trivia_list ul li.trivia08 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/knowledge08.jpg);} /*-----お風呂豆知識個別--------*/ .trivia_naiyo_header{ width:590px;height:65px; background-position: center bottom; background-repeat:no-repeat; } .trivia01 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title01.jpg);} .trivia02 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title02.jpg);} .trivia03 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title03.jpg);} .trivia04 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title04.jpg);} .trivia05 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title05.jpg);} .trivia06 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title06.jpg);} .trivia07 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title07.jpg);} .trivia08 .trivia_naiyo_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_title08.jpg);} .trivia_naiyo_footer{ width:590px;height:35px; background-position: center top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_footer.jpg); } .trivia_naiyo_body{ width:590px; background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; background-image: url(http://www.cow-soap.co.jp/web/ig/event/bath-trivia/kobetsu_body.jpg); } .trivia_naiyo_body{ overflow: hidden; } .trivia_naiyo_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .trivia_naiyo_body{ height: 1em; overflow: visible; } /**/ .trivia_naiyo{ width:440px; margin:auto; text-align:center; padding-top:15px; padding-bottom:10px; } .trivia_naiyo p.trivia_naiyo_copy01{ text-align:left; line-height:1.4; } .trivia_naiyo p.trivia_naiyo_copy02{ text-align:left; line-height:1.4; } .trivia_naiyo p.trivia_naiyo_image{ float:left; padding-right:8px; } .trivia_naiyo p.trivia_naiyo_image span{} .trivia_naiyo_navi{ padding-top:20px; margin:auto; text-align:center; } .trivia_naiyo_navi a:link { color:#000000; text-decoration: none} .trivia_naiyo_navi a:visited { color:#000000; text-decoration: none} .trivia_naiyo_navi a:hover { color:#FF0000; text-decoration: underline} .trivia_naiyo_navi a:active { color:#FF0000; text-decoration: underline} /*-----牛乳石鹸のこだわり -------------*/ .kodwari{ text-align:center; margin:auto; clear:both; } .kodwari h4{ display:block; width:590px; height:0 !important; height /**/:115px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 115px 0px 0px 0px; } .kodwari h5{ display:block; width:590px; height:0 !important; height /**/:62px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 62px 0px 0px 0px; } h5.kodwari01{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/title01.jpg);} h5.kodwari02{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/title02.jpg);} h5.kodwari03{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/title03.jpg);} h5.kodwari04{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/title04.jpg);} .kodwari p{ text-align:left; line-height:1.4; padding:10px 5px 20px 5px;} .kodawari_img01{ width:590px; text-align:left; clear:both; padding-top:30px; } .kodawari_img01 ul li{ padding:0px 0px 5px 50px; float:left; width:245px; } .kodawari_img01 ul li span{ display:block; padding:10px 0px 10px 0px; width:200px; text-align:left; line-height:1.4;} .kodawari_img02{ padding-top:30px; width:590px; text-align:center; clear:both; } /*-----こだわり追加-------*/ .kodwari h6{ margin-top:30px; width:590px; text-align:center; clear:both; } .kodwari h6.kodwari_caption01, .kodwari h6.kodwari_caption02, .kodwari h6.kodwari_caption03{ margin-bottom:15px; } .kodwari_imgbox{ margin-top:30px; width:590px; text-align:center; clear:both; } .kodwari_cowbrand_akabako_head, .kodwari_cowbrand_aobako_head{ height: 12px; width: 590px; background-position: center bottom; background-repeat: no-repeat; } .kodwari_cowbrand_akabako_head{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_aka_head.jpg); } .kodwari_cowbrand_aobako_head{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_ao_head.jpg); } .kodwari_cowbrand_akabako_foot, .kodwari_cowbrand_aobako_foot{ height: 12px; width: 590px; background-position: center top; background-repeat: no-repeat; margin-bottom:30px; } .kodwari_cowbrand_akabako_foot{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_aka_foot.jpg); } .kodwari_cowbrand_aobako_foot{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_ao_foot.jpg); } .kodwari_cowbrand_akabako_body, .kodwari_cowbrand_aobako_body{ width: 590px; padding: 0px; line-height: 1; background-position: center top; background-repeat: repeat-y; } .kodwari_cowbrand_akabako_body{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_aka_body.jpg); } .kodwari_cowbrand_aobako_body{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_ao_body.jpg); } .kodwari_cowbrand_akabako_body, .kodwari_cowbrand_aobako_body{ overflow: hidden; } .kodwari_cowbrand_akabako_body:after, .kodwari_cowbrand_aobako_body:after{ clear: both; height: 1px; overflow: hidden; display: block; content: ""; } /*＼*/ * html .kodwari_cowbrand_akabako_body, * html .kodwari_cowbrand_aobako_body{ height: 1em; overflow: visible; } /**/ .kodwari_cowbrand_akabako_body dl{ width: 450px; padding-left:130px; margin-left:10px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_aka_img.jpg); background-position: left top; background-repeat: no-repeat; } .kodwari_cowbrand_akabako_body dl dt{ text-align:left; } .kodwari_cowbrand_aobako_body dl{ width: 450px; padding-left:130px; margin-left:10px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/cb_ao_img.jpg); background-position: left top; background-repeat: no-repeat; } .kodwari_cowbrand_akabako_body dl dt{ text-align:left; color:#F00; font-weight:bold; padding-top:5px; padding-bottom:5px; } .kodwari_cowbrand_akabako_body dl dd{ text-align:left; line-height:1.3; padding-bottom:4px; padding-right:10px; } .kodwari_cowbrand_aobako_body dl dt{ text-align:left; color:#00F; font-weight:bold; padding-top:5px; padding-bottom:5px; } .kodwari_cowbrand_aobako_body dl dd{ text-align:left; line-height:1.3; padding-bottom:4px; padding-right:10px; } /*-----こだわりメニュー-------*/ .kodawari_menu{ width:590px; text-align:left; clear:both; padding-top:33px; padding-bottom:40px; } .kodawari_menu ul.kmenu01, .kodawari_menu ul.kmenu02{ width:590px; padding:0px 0px 0px 0px; clear:both; } .kodawari_menu ul.kmenu01 li, .kodawari_menu ul.kmenu02 li{ float:left; list-style:none; height:32px; vertical-align:bottom; } .kmenu01 li a, .kmenu02 li a{ display: block; height:32px; padding: 0px; background-position: left top; text-decoration: none; } .kmenu01 li a:hover, .kmenu02 li a:hover {background-position: right top;} .kmenu01 li.kmenu01_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/kodawari_menu01.jpg); width:232px;} .kmenu01 li.kmenu01_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/kodawari_menu02.jpg); width:200px;} .kmenu01 li.kmenu01_03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/kodawari_menu03.jpg); width:158px;} .kmenu02 li.kmenu02_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/kodawari/kodawari_menu04.jpg); width:217px;} /*-----牛乳石鹸の歴史--------*/ .history{ text-align:center; margin:auto; clear:both; } .history h4{ display:block; width:590px; height:0 !important; height /**/:120px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 120px 0px 0px 0px; } .history_list p{ line-height:1.4; padding:30px 20px; margin-bottom:20px; text-align:left;} .history_list ul li{ list-style:none; padding-bottom:40px;} .history_list ul li a{ display: block; width: 590px; height:30px; padding:0px; background-position: left top; text-decoration: none; } .history_list ul li a:hover{ background-position: left bottom; } .history_list ul li.history01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title01.jpg);} .history_list ul li.history02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title02.jpg);} .history_list ul li.history03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title03.jpg);} .history_list ul li.history04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title04.jpg);} .history_list ul li.history05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title05.jpg);} .history_list ul li.history06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title06.jpg);} .history_list ul li.history07 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title07.jpg);} .history_list ul li.history08 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title08.jpg);} .history_list ul li.history09 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title09.jpg);} .history_list ul li.history10 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title10.jpg);} .history_list ul li.history11 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title11.jpg);} .history_list ul li.history12 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/top/title12.jpg);} /*----歴史個別ページ--------*/ .history h5{ display:block; width:590px; height:0 !important; height /**/:30px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 30px 0px 0px 0px; clear:both; margin:40px 0px 30px 0px; } .history h5.history_title01{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title01.jpg);} .history h5.history_title02{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title02.jpg);} .history h5.history_title03{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title03.jpg);} .history h5.history_title04{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title04.jpg);} .history h5.history_title05{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title05.jpg);} .history h5.history_title06{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title06.jpg);} .history h5.history_title07{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title07.jpg);} .history h5.history_title08{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title08.jpg);} .history h5.history_title09{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title09.jpg);} .history h5.history_title10{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title10.jpg);} .history h5.history_title11{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title11.jpg);} .history h5.history_title12{background-image: url(http://www.cow-soap.co.jp/web/ig/event/history/title12.jpg);} .history_type_a, .history_type_b, .history_type_c{ width:590px; margin:auto; text-align:center; } .history p{ text-align:left; line-height:1.5; padding-bottom:15px; } .history_type_a p.history_img{ float:left; padding:5px 10px 10px 0px; font-size:0.8em; } .history_type_a p.history_img09{ float:left; padding:5px 10px 10px 0px; font-size:0.8em; width:200px; } .history_type_a p.history_img img, .history_type_a p.history_img09 img, .history_type_b p.history_img img{ padding-bottom:5px;} .history_type_b p.history_img{ float:right; text-align:right; padding-left:10px; padding-bottom:10px; } .history_type_c p.history_img{ margin:auto; text-align:center; padding-top:30px; } .history_hosoku{ width:590px; font-size:0.8em; color:#666666; padding-top:20px; clear:both; } .history_navi{ padding-top:40px; margin:auto; text-align:center; } .history_navi a:link { color:#000000; text-decoration: none} .history_navi a:visited { color:#000000; text-decoration: none} .history_navi a:hover { color:#FF0000; text-decoration: underline} .history_navi a:active { color:#FF0000; text-decoration: underline} /*----「洗う」ライフスタイルの変化--------*/ .wash_lifestyle{ text-align:center; margin:auto; clear:both; } .wash_lifestyle li{list-style:none;} .wash_lifestyle h4{ display:block; width:590px; height:0 !important; height /**/:120px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 120px 0px 0px 0px; } .wash_lifestyle_menu p{ line-height:1.4; padding:10px 20px 30px 20px; margin-bottom:20px; text-align:left;} .wash_lifestyle_menu01 li, .wash_lifestyle_menu02 li{ list-style:none; float:left; } /*----ナビ--------*/ .wash_lifestyle_menu01 li a, .wash_lifestyle_menu02 li a{ display: block; width: 223px; height:41px; padding:0px; background-position: left top; text-decoration: none; } .wash_lifestyle_menu01 li a:hover, .wash_lifestyle_menu02 li a:hover{ background-position: right top; } .w_ls01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/lifestyle_menu01.jpg);} .w_ls02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/lifestyle_menu02.jpg);} .w_ls03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/lifestyle_menu03.jpg);} .w_ls04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/lifestyle_menu04.jpg);} .wash_lifestyle_menu01 li.w_ls01, .wash_lifestyle_menu02 li.w_ls03{ padding-right:12px; padding-left:65px; padding-bottom:20px; } .wash_lifestyle_menu01 li.w_ls02, .wash_lifestyle_menu02 li.w_ls04{ padding-left:12px; padding-bottom:20px; } /*----「洗う」ライフスタイルの変化個別--------*/ .wash_ls_header{ width:590px;height:83px; background-position: center bottom; background-repeat:no-repeat; } .ws_ls_change01 .wash_ls_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_header01.jpg);} .ws_ls_change02 .wash_ls_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_header02.jpg);} .ws_ls_change03 .wash_ls_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_header03.jpg);} .ws_ls_change04 .wash_ls_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_header04.jpg);} .wash_ls_footer{ width:590px;height:25px; background-position: center top; background-repeat:no-repeat; } .ws_ls_change01 .wash_ls_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_footer01.jpg);} .ws_ls_change02 .wash_ls_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_footer02.jpg);} .ws_ls_change03 .wash_ls_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_footer03.jpg);} .ws_ls_change04 .wash_ls_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_footer04.jpg);} .wash_ls_body{ width:590px; background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; background-image: url(http://www.cow-soap.co.jp/web/ig/event/wash-lifestyle/wash_ls_body01.jpg);} .wash_ls_body{ overflow: hidden; } .wash_ls_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .wash_ls_body{ height: 1em; overflow: visible; } /**/ .wash_ls_body dl{ width:545px; text-align:center; margin:auto; } .wash_ls_body dl dt.ws_ls_img01{ float:left; padding:5px 10px 5px 5px; } .wash_ls_body dl dd{ text-align:left; padding-top:5px; } .wash_ls_body dl dd.ws_ls_copy01{ text-align:left;} .wash_ls_body dl dd.ws_ls_copy02{ text-align:left; } .ws_ls_change01 .wash_ls_body dl dd.ws_ls_copy02{padding-top:50px;} .ws_ls_change02 .wash_ls_body dl dd.ws_ls_copy02{padding-top:50px;} .ws_ls_change03 .wash_ls_body dl dd.ws_ls_copy02{padding-top:40px;} .ws_ls_change04 .wash_ls_body dl dd.ws_ls_copy02{padding-top:10px;} .wash_ls_body dl dd.ws_ls_copy02 span{ font-size:0.8em;} .wash_lifestyle_change_navi{ padding-top:40px; margin:auto; text-align:center; } .wash_lifestyle_change_navi a:link { color:#000000; text-decoration: none} .wash_lifestyle_change_navi a:visited { color:#000000; text-decoration: none} .wash_lifestyle_change_navi a:hover { color:#FF0000; text-decoration: underline} .wash_lifestyle_change_navi a:active { color:#FF0000; text-decoration: underline} /*-------------- 赤箱の歴史 -------------*/ .akabako_history{ text-align:center; margin:auto; clear:both; } .akabako_history li{list-style:none;} .akabako_history h4 a{ display: block; width: 590px; height:120px; padding:0px; background-position: left top; text-decoration: none; background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/title.jpg); } .akabako_history h4 a:hover{ background-position: left bottom; } .akabako_history_menu{ text-align:center; clear:both; width: 585px; padding:20px 0px 0px 5px; } .akabako_history_menu ul li{ float:left; } .akabako_history_menu01 a, .akabako_history_menu02 a, .akabako_history_menu03 a{ display: block; width: 191px; height:52px; padding:0px; background-position: left top; text-decoration: none; margin-bottom:30px; } .akabako_history_menu01 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/menu01.jpg); margin-right:3px; } .akabako_history_menu02 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/menu02.jpg); margin-right:3px; } .akabako_history_menu03 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/menu03.jpg); } .akabako_history_menu01 a:hover, .akabako_history_menu02 a:hover, .akabako_history_menu03 a:hover{ background-position: right top; } .akabako_history_top p{ line-height:1.4; text-align:left; padding:10px;} /*-------------- 赤箱の歴史個別ページ -------------*/ .akabako_history h5{ display:block; width:590px; height:0 !important; height /**/:90px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 90px 0px 0px 0px; clear:both; } .akabako_history_01 h5{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/title01.jpg);} .akabako_history_02 h5{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/title02.jpg);} .akabako_history_03 h5{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/title03.jpg);} .akabako_history_01copy, .akabako_history_02copy, .akabako_history_03copy{ padding:10px 5px 30px 5px;} .akabako_history_01copy p, .akabako_history_02copy p, .akabako_history_03copy p{ line-height:1.5; text-align:left; padding-bottom:10px;} .akabako_history_02_01copy table{ margin:30px 15px 30px; } .akabako_history_02_01copy table th, .akabako_history_02_01copy table td{ padding:15px 5px; line-height:1.5; text-align:left; } .akabako_history_02_02copy p{ padding:10px 10px 10px; border: 1px solid #FF0000; } .akabako_history_02_02copy table{margin:10px 15px 100px;} .akabako_history_02_02copy table th, .akabako_history_02_02copy table td{ padding:5px; line-height:1.5; text-align:left; } .akabako_history_02_03copy{margin:30px 15px 10px;} .akabako_history_02_03copy p{margin-bottom:10px;} .akabako_history_02_03copy p strong{font-size:1.2em;} .akabako_history_03copy table{margin:30px 15px 50px;} .akabako_history_03 table th, .akabako_history_03 table td{ padding:20px 5px; line-height:1.5; text-align:left; } .akabako_history table td a:link { color:#FF0000; text-decoration: none} .akabako_history table td a:visited { color:#FF0000; text-decoration: none} .akabako_history table td a:hover { color:#FF0000; text-decoration: underline; font-weight:bold;} .akabako_history table td a:active { color:#FF0000; text-decoration: underline; font-weight:bold;} .akabako_history_header{ width:590px;height:48px; background-position: center bottom; background-repeat:no-repeat; } .akabako_history_01 .akabako_history_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/header01.jpg);} .akabako_history_02 .akabako_history_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/header02.jpg);} .akabako_history_03 .akabako_history_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/header03.jpg);} .akabako_history_footer{ width:590px;height:15px; background-position: center top; background-repeat:no-repeat; } .akabako_history_01 .akabako_history_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/footer01.jpg);} .akabako_history_02 .akabako_history_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/footer02.jpg);} .akabako_history_03 .akabako_history_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/footer03.jpg);} .akabako_history_body{ width:590px; background-position: center top; background-color:#FFFFFF; text-align:center; margin:auto; } .akabako_history_01 .akabako_history_body{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/body01.jpg);background-repeat:repeat-y;} .akabako_history_02 .akabako_history_body{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/body02.jpg);background-repeat:repeat-y;} .akabako_history_03 .akabako_history_body{background-image: url(http://www.cow-soap.co.jp/web/ig/event/akabako-history/body03.jpg);background-repeat:repeat-y;} .akabako_history_body{ overflow: hidden; } .akabako_history_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .akabako_history_body{ height: 1em; overflow: visible; } /**/ .akabako_history_body p{ padding:5px 20px 15px 20px; line-height:1.5; text-align:left; } /*-------------- WHATS 石けん -------------*/ .whats_sekken{ width:590px; text-align:center; margin: auto;} .whats_sekken ul li{list-style:none;} /*------WHATS 石けん 背景処理----*/ /*---TOP----*/ .whats_sekken_box01{ width:590px; padding-bottom:525px; text-align:center; margin: auto; background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/haikei.jpg); background-repeat:no-repeat;} /*---OTHER----*/ .whats_sekken_box{ width:590px; padding-bottom:100px; text-align:center; margin: auto; background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/haikei.jpg); background-repeat:no-repeat;} /*------WHATS 石けん チャプターメニュー----*/ .whats_capter_menu{ padding-top:280px; } .ws_capter_01{ width:560px; text-align:left; float:left;} .ws_capter_02, .ws_capter_03, .ws_capter_04, .ws_capter_05, .ws_capter_06{ padding-top:30px; width:560px; text-align:left; float:left;} .ws_capter_box01{ width:253px; float:left; } .ws_capter_box02{ width:283px; float:right; } .ws_capter_box01 dt a, .ws_capter_box02 dt a{ display: block; height:32px; padding: 0px; background-position: left top; text-decoration: none; } .ws_capter_box01 dt a:hover, .ws_capter_box02 dt a:hover{background-position: left bottom;} .ws_capter_01 dl.ws_capter_box01 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter01.gif)} .ws_capter_01 dl.ws_capter_box02 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter02.gif)} .ws_capter_02 dl.ws_capter_box01 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter03.gif)} .ws_capter_02 dl.ws_capter_box02 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter04.gif)} .ws_capter_03 dl.ws_capter_box01 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter05.gif)} .ws_capter_03 dl.ws_capter_box02 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter06.gif)} .ws_capter_04 dl.ws_capter_box01 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter07.gif)} .ws_capter_04 dl.ws_capter_box02 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter08.gif)} .ws_capter_05 dl.ws_capter_box01 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter09.gif)} .ws_capter_05 dl.ws_capter_box02 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter10.gif)} .ws_capter_06 dl.ws_capter_box01 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter11.gif)} .ws_capter_06 dl.ws_capter_box02 dt a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/capter12.gif)} .ws_capter_box01 dd, .ws_capter_box02 dd{ text-align:left; } /*------WHATS 石けん 個別ページ----*/ .whats_sekken_naiyo{padding-top:280px;} .whats_sekken_naiyo ul{ margin:auto; text-align:center;} .ws_header{ width:552px;height:40px; background-position: center bottom; background-repeat:no-repeat; } .ws_naiyo_box01 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title01.gif);} .ws_naiyo_box02 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title02.gif);} .ws_naiyo_box03 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title03.gif);} .ws_naiyo_box04 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title04.gif);} .ws_naiyo_box05 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title05.gif);} .ws_naiyo_box06 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title06.gif);} .ws_naiyo_box07 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title07.gif);} .ws_naiyo_box08 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title08.gif);} .ws_naiyo_box09 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title09.gif);} .ws_naiyo_box10 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title10.gif);} .ws_naiyo_box11 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title11.gif);} .ws_naiyo_box12 .ws_header{background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/title12.gif);} .ws_footer{ width:552px;height:15px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/footer.gif); background-position: center top; background-repeat:no-repeat; } .ws_body{ width:552px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/whats-sekken/body.gif); background-position: center top; background-repeat:repeat-y; } .ws_body{ overflow: hidden; } .ws_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .ws_body{ height: 1em; overflow: visible; } /**/ .ws_body p{ text-align:left; padding:10px 15px 0px; line-height:1.4;} .ws_body p a:link { color:#0000FF; text-decoration: underline} .ws_body p a:visited { color:#0000FF; text-decoration: underline} .ws_body p a:hover { color:#FF0000; text-decoration: none} .ws_body p a:active { color:#FF0000; text-decoration: none} .ws_img01{ margin:10px 0px; text-align:center;} .ws_img02{ margin:10px 5px; float:left;} .ws_img02_01{ margin:10px 5px; padding-bottom:30px; float:left; } .ws_img03{ margin:10px 5px; float:right;} .whats_sekken_navi{ padding-top:40px; margin:auto; text-align:center; } .whats_sekken_navi a:link { color:#000000; text-decoration: none} .whats_sekken_navi a:visited { color:#000000; text-decoration: none} .whats_sekken_navi a:hover { color:#FF0000; text-decoration: underline} .whats_sekken_navi a:active { color:#FF0000; text-decoration: underline} .ws_naiyo_box08{ } /*-------------- のれんの歴史 -------------*/ .noren{ text-align:center; margin:auto; clear:both; } .noren_history_header{ width:590px;height:106px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/history_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .noren_history_footer{ width:590px;height:44px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/history_ooter.jpg); background-position: center top; background-repeat:no-repeat; } .noren_history_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/history_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; margin:auto; text-align:center; } .noren_history_body{ overflow: hidden; } .noren_history_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .noren_history_body{ height: 1em; overflow: visible; } /**/ .noren_history_body p{ text-align:left; line-height:1.5; padding:0px 40px 8px 40px;} .noren_history_body h4{ display:block; width:508px; height:0 !important; height /**/:55px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/catch.jpg); background-position:center top; background-repeat:no-repeat; padding: 55px 0px 0px 0px; margin:auto; text-align:center; } .noren_syo_header{ width:508px;height:36px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_syo_header.jpg); background-position: center bottom; background-repeat:no-repeat; margin-top:10px; margin:auto; text-align:center; } .noren_syo_footer{ width:508px;height:18px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_syo_footer.jpg); background-position: center top; background-repeat:no-repeat; margin:auto; text-align:center; margin-bottom:30px; } .noren_syo_body{ width:508px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_syo_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; margin:auto; text-align:center; } .noren_syo_body{ overflow: hidden; } .noren_syo_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .noren_syo_body{ height: 1em; overflow: visible; } /**/ .noren_erea_menu{ margin:auto; text-align:center;} .noren_syo_body ul{ padding-left:30px; } .noren_syo_body ul li{ list-style:none; float:left;} .noren_erea_menu01, .noren_erea_menu02, .noren_erea_menu03{ padding-right:15px} .noren_erea_menu01 a, .noren_erea_menu02 a, .noren_erea_menu03 a, .noren_erea_menu04 a{ display: block; padding:0px; background-position: left top; text-decoration: none; } .noren_erea_menu01 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_menu01.jpg); width: 121px;height:32px; } .noren_erea_menu02 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_menu02.jpg); width: 90px;height:32px; } .noren_erea_menu03 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_menu03.jpg); width: 91px;height:32px; } .noren_erea_menu04 a{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/noren_menu04.jpg); width: 90px;height:32px; } .to_gallery a{ display: block; width: 507px; height:68px; padding:0px; background-position: left top; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/to_gallery.jpg); margin-bottom:30px; } .noren_erea_menu01 a:hover, .noren_erea_menu02 a:hover, .noren_erea_menu03 a:hover, .noren_erea_menu04 a:hover, .to_gallery a:hover{background-position: left bottom;} .noren_history_erea{ width: 590px; margin:auto; text-align:center; background-position: center top; } .noren_erea01{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/erea_hokkaido.jpg); background-repeat:no-repeat; height:720px;} .noren_erea02{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/erea_tokyo.jpg); background-repeat:no-repeat; height:570px;} .noren_erea03{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/erea_osaka.jpg); background-repeat:no-repeat; height:720px;} .noren_erea04{ background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/erea_kyoto.jpg); background-repeat:no-repeat; height:820px;} .noren_navi{ padding-top:40px; margin:auto; text-align:center; } .noren_navi a:link { color:#000000; text-decoration: none} .noren_navi a:visited { color:#000000; text-decoration: none} .noren_navi a:hover { color:#FF0000; text-decoration: underline} .noren_navi a:active { color:#FF0000; text-decoration: underline} /*-------------- のれんギャラリー -------------*/ .noren_gallery{ padding:20px 0px; clear:both; } .noren_gallery h4{ display:block; width:507px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/noren/catch_gallery.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px;} .noren_gallery_list{ clear:both; padding:20px 0px; margin:auto; text-align:center;} .noren_gallery_list table{ margin:auto; text-align:center;} .noren_gallery_list table tr th{ background-color:#1E2590; color:#FFFFFF; padding:5px 0px; font-size:1.2em; } .noren_gallery_list table tr th.clear_box{ background-color:#F1F0DC; } .noren_gallery_list table tr td{ padding-top:15px; padding-bottom:50px;} /*-------------- のれんギャラリー 個別-------------*/ .noren_gallery h5{ font-size:1.2em; color:#1E2590; width:507px; margin-bottom:20px; } .noren_gallery_kobetsu{ clear:both; margin:auto; text-align:center;} .noren_gallery_kobetsu01{ float:left; padding-left:15px; } .noren_gallery_kobetsu02{ float:right; padding-right:15px;} .noren_gallery p{ text-align:left; line-height:1.4; padding-bottom:30px;} .noren_gallery_kobetsu01 dd{ padding-bottom:30px; width:180px;} .noren_gallery_kobetsu02 dd{ padding-bottom:30px; width:180px;} .designer_comment{ clear:both; padding-top:20px; } .designer_comment p{ padding-bottom:10px;} .designer_name{ float:right; padding-right:30px;} .designer_profile{ clear:both; padding:20px 20px 20px; text-align:center; margin:auto; font-size:0.9em; width:500px; margin-bottom:20px; border:1px solid #1E2590; } .designer_profile dt{ font-weight:bold; text-align:left; padding-bottom:5px; } .designer_profile dd{ padding-left:5px; text-align:left; } .designer_profile a:link { color:#FF0000; text-decoration: none} .designer_profile a:visited { color:#FF0000; text-decoration: none} .designer_profile a:hover { color:#FF0000; text-decoration: underline; font-weight:bold;} .designer_profile a:active { color:#FF0000; text-decoration: underline; font-weight:bold;} /*-------------- その他イベント -------------*/ /*----- その他イベント 壁紙ギャラリー-------------*/ .other_event{ margin:auto; text-align:center; } .other_event_top{ margin:auto; text-align:center; padding:30px 0px;} .other_event_top a:link { color:#FF0000; font-weight:normal; text-decoration: none} .other_event_top a:visited { color:#FF0000; font-weight:normal; text-decoration: none} .other_event_top a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .other_event_top a:active { color:#FF0000; font-weight:bold; text-decoration: underline} .other_event h4{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-position:center top; background-repeat:no-repeat; margin: auto; padding: 105px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/title.jpg);} .other_event li{list-style:none;} .other_capter_menu01, .other_capter_menu02, .other_capter_menu03{ } .other_capter_menu01 a, .other_capter_menu02 a, .other_capter_menu03 a{ display: block; width: 590px; height:50px; padding:0px; background-position: left top; text-decoration: none; } .other_capter_menu01 a:hover, .other_capter_menu02 a:hover, .other_capter_menu03 a:hover{ background-position: left bottom; } .other_capter_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/capter_menu01.jpg);} .other_capter_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/capter_menu02.jpg);} .other_capter_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/capter_menu03.jpg);} .other_event_capter dd{ text-align:left; padding:5px 10px 30px 20px; line-height:1.4; } /*-------------- 壁紙ギャラリー -------------*/ .wallpaper_gallery{ margin:auto; text-align:center; } .wallpaper_gallery_top{} .wallpaper_gallery_top h4{ display:block; width:590px; height:0 !important; height /**/:146px; overflow:hidden; background-position:center top; background-repeat:no-repeat; margin: auto; padding: 146px 0px 0px 0px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/wallpaper-gallery/title.jpg);} .wallpaper_gallery_top p{ line-height:1.4; padding:20px 250px 140px 10px; text-align:left; background-position:right top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/wallpaper-gallery/illust01.jpg);} .howto_dl_header{ width:590px;height:70px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/wallpaper-gallery/howto_dl_header.jpg); background-position: center bottom; background-repeat:no-repeat; } .howto_dl_footer{ width:590px;height:25px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/wallpaper-gallery/howto_dl_footer.jpg); background-position: center top; background-repeat:no-repeat; } .howto_dl_body{ width:590px; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/wallpaper-gallery/howto_dl_body.jpg); background-position: center top; background-repeat:repeat-y; background-color:#FFFFFF; } .howto_dl_body{ overflow: hidden; } .howto_dl_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .howto_dl_body{ height: 1em; overflow: visible; } /**/ .howto_dl_body dl{ padding:0px 25px 10px; } .howto_dl_body dt{ text-align:left; font-weight:bold; font-size:1.2em; padding-top:8px; } .howto_dl_body dd{ text-align:left; font-size:1em; } .wallpaper_gallery_navi{ margin:auto; text-align:center; clear:both; padding:30px 10px; } .wallpaper_gallery_navi { color:#000000; font-weight:bold;} .wallpaper_gallery_navi a:link { color:#FF0000; font-weight:normal; text-decoration: none} .wallpaper_gallery_navi a:visited { color:#FF0000; font-weight:normal; text-decoration: none} .wallpaper_gallery_navi a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .wallpaper_gallery_navi a:active { color:#FF0000; font-weight:bold; text-decoration: underline} .wallpaper_gallery_list table{ padding:10px 0px; margin:auto; text-align:center; } .wallpaper_gallery_list table tr td{ padding:10px 5px; } .wallpaper_gallery_list table tr td a:link { color:#0000FF; text-decoration: none} .wallpaper_gallery_list table tr td a:visited { color:#0000FF; text-decoration: none} .wallpaper_gallery_list table tr td a:hover { color:#FF0000; text-decoration: underline} .wallpaper_gallery_list table tr td a:active { color:#FF0000; text-decoration: underline} /*---- ニキビ川柳 -------------*/ .nikibi_senryu_box{ text-align:center; margin:auto; clear:both; } .nikibi_senryu_box h4{ display:block; width:590px; height:0 !important; height /**/:120px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/top.gif); background-position:center top; background-repeat:no-repeat; padding: 120px 0px 0px 0px; clear:both; margin-bottom:20px; } .nikibi_senryu_box h5{ padding:20px; margin:auto; text-align:center; font-size:1.3em; color:#0033CC; } .nikibi_senryu_box .syo01{ line-height:1.4; padding:15px 0px 15px 150px; text-align:left; font-weight:bold; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/tag01.gif); } dl.saiyusyu{ clear:both; margin-top:30px; margin-bottom:30px;} dl.saiyusyu dt{ width:570px; font-size:1.4em; line-height:1.2; padding:5px 10px; color:#FF00FF; font-weight:bold; background-color:#FFFF99; clear:both;} dl.yusyu dt{ width:570px; font-size:1.4em; line-height:1.2; padding:5px 10px; color:#FF6699; font-weight:bold; background-color:#FFFF99; clear:both;} dl.saiyusyu dd, dl.yusyu dd{ float:right; padding:5px 0px 20px 10px; clear:both;} .senpyo{ line-height:1.4; padding:15px 0px 15px 95px; text-align:left; font-size:0.9em; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/senpyou.gif); } .nikibi_senryu_box .syo02{ line-height:1.4; margin-top:30px; padding:15px 0px 15px 150px; text-align:left; font-weight:bold; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/tag05.gif); } .syo_list{ padding:20px 10px; width:570px; clear:both;} .syo_list ul{ margin-bottom:40px; } .syo_list ul li{ font-size:1.2em; list-style:none; padding-top:10px; float:left; width:180px; } .syo_list a:link { color:#FF0000; font-weight:normal; text-decoration: none} .syo_list a:visited { color:#FF0000; font-weight:normal; text-decoration: none} .syo_list a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .syo_list a:active { color:#FF0000; font-weight:bold; text-decoration: underline} .syo_top{ margin:auto; text-align:center; padding:40px 20px; clear:both; } .syo_top a:link { color:#FF0000; font-weight:normal; text-decoration: none} .syo_top a:visited { color:#FF0000; font-weight:normal; text-decoration: none} .syo_top a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .syo_top a:active { color:#FF0000; font-weight:bold; text-decoration: underline} /*---- 特別賞 -------------*/ .nikibi_senryu_box .senryu_sp01, .nikibi_senryu_box .senryu_sp02, .nikibi_senryu_box .senryu_sp03{ line-height:1.4; margin-top:30px; margin-bottom:30px; padding:15px 0px 15px 150px; text-align:left; font-weight:bold; background-position:left center; background-repeat:no-repeat; clear:both; } .senryu_sp01{background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/kanto/tag02.gif);} .senryu_sp02{background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/kanto/tag03.gif);} .senryu_sp03{background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/kanto/tag04.gif);} dl.meiso_yusyu dt{ width:570px; font-size:1.4em; line-height:1.2; padding:5px 10px; color:#FF6699; font-weight:bold; background-color:#FFFF99; clear:both;} dl.meiso_yusyu dd.meiso_name{ float:right; padding:5px 0px 20px 10px; clear:both;} dl.meiso_yusyu dd.meiso_hosoku{ width:480px; padding:5px 10px 5px 100px; margin-bottom:20px; clear:both; line-height:1.4; text-align:left; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/kanto/senpyou.gif); } dl.doryoku_yusyu{ width:590px;} dl.doryoku_yusyu dt{ width:570px; font-size:1.4em; line-height:1.2; padding:5px 10px; color:#FF6699; font-weight:bold; background-color:#FFFF99; clear:both;} dl.doryoku_yusyu dd.doryoku_name{ float:right; padding:5px 0px 20px 10px; clear:both;} dl.doryoku_yusyu dd.doryoku_hosoku01, dl.doryoku_yusyu dd.doryoku_hosoku02, dl.doryoku_yusyu dd.doryoku_hosoku03{ float:left; line-height:1.4; margin-bottom:20px; text-align:left; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/nikibi-senryu/kanto/senpyou.gif); } dl.doryoku_yusyu dd.doryoku_hosoku01{padding:5px 0px 5px 100px;width:400px;} dl.doryoku_yusyu dd.doryoku_hosoku02{padding:5px 0px 5px 100px;width:380px;} dl.doryoku_yusyu dd.doryoku_hosoku03{padding:5px 0px 5px 100px;width:480px;} dl.doryoku_yusyu dd.doryoku_img{ margin-bottom:20px; float:right; padding:5px;} dl.doryoku_yusyu dd.doryoku_img01{ width:570px; margin:auto; text-align:center; padding:30px 10px; } /*---- 母から娘へ伝えたいモノやコト -------------*/ .mother_message_top{ text-align:center; margin:auto; clear:both; } .mother_message_top h4{ display:block; width:590px; height:0 !important; height /**/:405px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/mother-message/title.gif); background-position:center top; background-repeat:no-repeat; padding: 405px 0px 0px 0px; clear:both; margin-bottom:20px; } .mother_message_top p{ text-align:left; padding:0px 25px; line-height:1.4;} .mother_message_list{ text-align:center; margin:auto; clear:both; padding-left:25px; padding-right:25px; } .mother_message_list_title{ color:#0000FF; font-size:1.3em; text-align:left; padding:50px 5px 5px;} .mother_message_copy{ text-align:left; line-height:1.4; padding:0px 25px 20px 25px; padding-bottom:20px; clear:both; color:#666666; } .mother_message_list dl dd{ line-height:1.4; text-align:left; padding:0px 15px 5px 15px; clear:both; } .mother_message_list dl dd a:link { color:#FF0000; font-weight:normal; text-decoration: none} .mother_message_list dl dd a:visited { color:#FF0000; font-weight:normal; text-decoration: none} .mother_message_list dl dd a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .mother_message_list dl dd a:active { color:#FF0000; font-weight:bold; text-decoration: underline} /*---- 個別 -------------*/ .mother_message_page{ text-align:center; margin:auto; clear:both; } .mother_message_page h4{ display:block; width:590px; height:0 !important; height /**/:17px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/event/other/mother-message/title01.gif); background-position:center top; background-repeat:no-repeat; padding: 17px 0px 0px 0px; clear:both; margin-bottom:20px; } .mother_message_essay{ text-align:center; margin:auto; clear:both; margin-bottom:30px; } .mother_message_essay h5{ font-size:1.3em; line-height:1.4; padding:20px 10px 0px;} .mother_name{ padding:5px 10px 20px; float:right;} .mother_message_essay p{ clear:both; text-align:left; padding:10px 25px; line-height:1.5; font-size:1; } .kirishima{ margin-top:25px; text-align:center; margin:auto; clear:both; background-color:#FFCC66;} .kirishima dl{ text-align:left; padding:10px 20px; } .kirishima dl dt{ font-weight:bold; padding-bottom:5px;} .kirishima dl dd{ line-height:1.4;} .mother_message_back{ margin:auto; text-align:center; padding:30px 0px;} .mother_message_back a:link { color:#FF0000; font-weight:normal; text-decoration: none} .mother_message_back a:visited { color:#FF0000; font-weight:normal; text-decoration: none} .mother_message_back a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .mother_message_back a:active { color:#FF0000; font-weight:bold; text-decoration: underline} /*-------------- スペシャルコンテンツ -------------*/ /*-------共通-------------*/ #special_contents{ margin:auto; text-align:center; } #special_contents h3{ clear:both; display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .sc_hand_wash h3{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/title.jpg);} .sc_nikibi h3{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/title.jpg);} .sc_sozai h3{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title.jpg);} .sc_milky_secret h3{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/title.jpg);} .special_contents_navi{ padding-top:40px; margin:auto; text-align:center; } .special_contents_navi a:link { color:#000000; text-decoration: none} .special_contents_navi a:visited { color:#000000; text-decoration: none} .special_contents_navi a:hover { color:#FF0000; text-decoration: underline} .special_contents_navi a:active { color:#FF0000; text-decoration: underline} /*---------手洗いで子ども達の健康を守る----------*/ .sc_hand_wash_menu{ clear:both; padding:20px 0px; } .sc_hand_wash_menu ul li{list-style:none;} .sc_hand_wash_menu ul li.sc_hand_wash_menu01, .sc_hand_wash_menu ul li.sc_hand_wash_menu02, .sc_hand_wash_menu ul li.sc_hand_wash_menu03{ padding:5px 0px; list-style:none; } .sc_hand_wash_menu ul li.sc_hand_wash_menu01 a, .sc_hand_wash_menu ul li.sc_hand_wash_menu02 a, .sc_hand_wash_menu ul li.sc_hand_wash_menu03 a{ display: block; height:36px; padding: 0px; background-position: left top; text-decoration: none; } .sc_hand_wash_menu ul li.sc_hand_wash_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/menu01.jpg);} .sc_hand_wash_menu ul li.sc_hand_wash_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/menu02.jpg);} .sc_hand_wash_menu ul li.sc_hand_wash_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/menu03.jpg);} .sc_hand_wash_menu ul li.sc_hand_wash_menu01 a:hover, .sc_hand_wash_menu ul li.sc_hand_wash_menu02 a:hover, .sc_hand_wash_menu ul li.sc_hand_wash_menu03 a:hover{ background-position: left bottom; } .sc_hand_wash h4{ clear:both; display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .sc_hand_wash h4.sc_ht01{ background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/title01.jpg); } .sc_hand_wash h4.sc_ht02{ background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/title02.jpg); } .sc_hand_wash h4.sc_ht03{ background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/title03.jpg); } .sc_hand_wash p{ line-height:1.4; padding-bottom:20px; text-align:left; } .sc_hand_wash p a:link { color:#FF0000; text-decoration: none} .sc_hand_wash p a:visited { color:#FF0000; text-decoration: none} .sc_hand_wash p a:hover { color:#FF0000; text-decoration: underline} .sc_hand_wash p a:active { color:#FF0000; text-decoration: underline} .sc_hand_wash_hosoku{ line-height:1.4; padding-top:20px; background-position:right top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/01/img01.gif); height:150px; } .sc_hand_wash_hosoku p{ padding-top:15px; padding-right:240px; color:#FF0000; font-size:0.9em; text-align:left; } .sc_hand_wash .sc_hand_wash_img{ float:left; padding:5px 5px 5px 5px; } .sc_hand_wash .sc_hand_wash_swf{ text-align:center; margin:0px 0px 10px 0px; padding:5px 5px 5px 5px; clear:both; } /*---------大人にきび----------*/ .sc_nikibi_menu{ width:590px; clear:both; padding:20px 0px 50px; } .sc_nikibi_menu ul{width:590px;} .sc_nikibi_menu ul li{ height:20px; list-style:none; float:left;} .sc_nikibi_menu ul li a{ display: block; height:20px; padding: 0px; background-position: left top; text-decoration: none; } .sc_nikibi_menu ul li.sc_nikibi_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/menu01.jpg); width:195px} .sc_nikibi_menu ul li.sc_nikibi_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/menu02.jpg); width:169px;} .sc_nikibi_menu ul li.sc_nikibi_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/menu03.jpg); width:225px;} .sc_nikibi_menu ul li.sc_nikibi_menu01 a:hover, .sc_nikibi_menu ul li.sc_nikibi_menu02 a:hover, .sc_nikibi_menu ul li.sc_nikibi_menu03 a:hover{background-position: left bottom;} .sc_nikibi h4{ clear:both; display:block; width:590px; height:0 !important; height /**/:31px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 31px 0px 0px 0px; margin-bottom:30px; } .sc_nikibi h4.sc_nikibi01{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/title01.jpg);} .sc_nikibi h4.sc_nikibi02{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/title02.jpg);} .sc_nikibi h4.sc_nikibi03{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/02/title03.jpg);} .sc_nikibi p{ padding-bottom:10px; text-align:left; line-height:1.4; } .sc_nikibi .sc_nikibi_img01{ float:left; padding:5px 5px 5px 5px; } .sc_nikibi .sc_nikibi_img02{ float:right; padding:5px 5px 5px 5px; } .sc_nikibi p table.sc_nikibi_table{ margin:30px 10px; font-size:0.9em; border-top:1px solid #FF0000; border-left:1px solid #FF0000; padding:0px; border-collapse:collapse; } table.sc_nikibi_table th{ padding:8px 5px; text-align:center; border-right:1px solid #FF0000; border-bottom:1px solid #FF0000; background-color:#FFC0A2; } table.sc_nikibi_table td{ padding:8px 10px 8px 5px; text-align:left; border-right:1px solid #FF0000; border-bottom:1px solid #FF0000; } /*---------素材のちょっとしたお話---------*/ .sc_sozai_menu{ width:590px; clear:both; padding:20px 0px 50px; text-align:center; margin:auto; } .sc_sozai_menu p{ padding-bottom:15px; } .sc_sozai_menu ul{ width:590px; text-align:center; margin:auto; } .sc_sozai_menu ul li{ width:402px; height:54px; list-style:none; padding-bottom:15px; text-align:center; margin:auto; } .sc_sozai_menu ul li a{ display: block; height:54px; padding: 0px; background-position: left top; text-decoration: none; text-align:center; margin:auto; } .sc_sozai_menu ul li a{ text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: left top; height: 54px; width: 402px; outline:0px; } .sc_sozai_menu ul li.sc_sozai_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu01.jpg);} .sc_sozai_menu ul li.sc_sozai_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu02.jpg);} .sc_sozai_menu ul li.sc_sozai_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu03.jpg);} .sc_sozai_menu ul li.sc_sozai_menu04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu04.jpg);} .sc_sozai_menu ul li.sc_sozai_menu05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu05.jpg);} .sc_sozai_menu ul li.sc_sozai_menu06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu06.jpg);} .sc_sozai_menu ul li.sc_sozai_menu07 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu07.jpg);} .sc_sozai_menu ul li.sc_sozai_menu08 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/menu08.jpg);} .sc_sozai_menu ul li a:hover{ background-position: left bottom; } .sc_sozai h4{ text-indent: -9999px; display: block; background-repeat: no-repeat; background-position: left top; width: 590px; height: 80px; outline:0px; } .sc_sozai01 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title01.jpg);} .sc_sozai02 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title02.jpg);} .sc_sozai03 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title03.jpg);} .sc_sozai04 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title04.jpg);} .sc_sozai05 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title05.jpg);} .sc_sozai06 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title06.jpg);} .sc_sozai07 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title07.jpg);} .sc_sozai08 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title08.jpg);} .sc_sozai09 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title09.jpg);} .sc_sozai10 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/title10.jpg);} .sozai_copy{ line-height:1.4; padding-top:5px; background-position:right top; background-repeat:no-repeat; padding-bottom:180px; } .sc_sozai01 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img01.jpg);} .sc_sozai02 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img02.jpg);} .sc_sozai03 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img03.jpg);} .sc_sozai04 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img04.jpg);} .sc_sozai05 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img05.jpg);} .sc_sozai06 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img06.jpg);} .sc_sozai07 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img07.jpg);} .sc_sozai08 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img08.jpg);} .sc_sozai09 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img09.jpg);} .sc_sozai10 .sozai_copy{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_img10.jpg);} .sozai_copy p{ padding-right:230px; text-align:left; } .sozai_copy a:link { color:#FF0000; text-decoration: none} .sozai_copy a:visited { color:#FF0000; text-decoration: none} .sozai_copy a:hover { color:#FF0000; font-weight:bold; text-decoration: underline} .sozai_copy a:active { color:#FF0000; font-weight:bold; text-decoration: underline} .sozai_hosoku ul{ width:590px; text-align:center; margin:auto; } .sozai_hosoku ul li{list-style:none;} .sozai_header{ width:590px;height:15px; background-position: center bottom; background-repeat:no-repeat; } .sc_sozai01 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header01.jpg);} .sc_sozai02 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header02.jpg);} .sc_sozai03 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header03.jpg);} .sc_sozai04 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header04.jpg);} .sc_sozai05 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header05.jpg);} .sc_sozai06 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header06.jpg);} .sc_sozai07 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header07.jpg);} .sc_sozai08 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header08.jpg);} .sc_sozai09 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header09.jpg);} .sc_sozai10 .sozai_header{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/header10.jpg);} .sozai_footer{ width:590px;height:15px; background-position: center top; background-repeat:no-repeat; } .sc_sozai01 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer01.jpg);} .sc_sozai02 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer02.jpg);} .sc_sozai03 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer03.jpg);} .sc_sozai04 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer04.jpg);} .sc_sozai05 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer05.jpg);} .sc_sozai06 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer06.jpg);} .sc_sozai07 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer07.jpg);} .sc_sozai08 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer08.jpg);} .sc_sozai09 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer09.jpg);} .sc_sozai10 .sozai_footer{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/footer10.jpg);} .sozai_body{ width:590px; background-position: center top; background-color:#FFFFFF; background-repeat:repeat-y; } .sc_sozai01 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body01.jpg);} .sc_sozai02 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body02.jpg);} .sc_sozai03 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body03.jpg);} .sc_sozai04 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body04.jpg);} .sc_sozai05 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body05.jpg);} .sc_sozai06 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body06.jpg);} .sc_sozai07 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body07.jpg);} .sc_sozai08 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body08.jpg);} .sc_sozai09 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body09.jpg);} .sc_sozai10 .sozai_body{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/body10.jpg);} .sozai_body{ overflow: hidden; } .sozai_body:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden; } /*＼*/ * html .sozai_body{ height: 1em; overflow: visible; } /**/ .sozai_mark{ line-height:1.4; margin-left:10px; background-position:left top; background-repeat:no-repeat; padding-bottom:10px; } .sc_sozai01 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki01.jpg);} .sc_sozai02 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki02.jpg);} .sc_sozai03 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki03.jpg);} .sc_sozai04 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki04.jpg);} .sc_sozai05 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki05.jpg);} .sc_sozai06 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki06.jpg);} .sc_sozai07 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki07.jpg);} .sc_sozai08 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki08.jpg);} .sc_sozai09 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki09.jpg);} .sc_sozai10 .sozai_mark{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/03/sozai_chishiki10.jpg);} .sozai_mark p{ padding:5px 20px 5px 80px; text-align:left; } /*---------ミルキィボディソープの秘密---------*/ .sc_milky_secret_menu{ clear:both; padding:20px 0px; } .sc_milky_secret_menu ul li{list-style:none;} .sc_milky_secret_menu ul{ width:590px; text-align:left; margin:auto; } .sc_milky_secret_menu01 li, .sc_milky_secret_menu02 li{ text-align:left; height:34px; list-style:none; padding:0px;} .sc_milky_secret_menu01 li{ float:left; } .sc_milky_secret_menu01 li a, .sc_milky_secret_menu02 li a{ display: block; height:34px; padding: 0px; background-position: left top; text-decoration: none; text-align:left; margin:auto; float:left; } .sc_milky_secret_menu01 li.sc_milky_secret_menu01_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/menu01.jpg); width:360px;} .sc_milky_secret_menu01 li.sc_milky_secret_menu01_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/menu02.jpg); width:230px;} .sc_milky_secret_menu02 li.sc_milky_secret_menu02_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/menu03.jpg); width:590px;} .sc_milky_secret_menu01 li.sc_milky_secret_menu01_01 a:hover, .sc_milky_secret_menu01 li.sc_milky_secret_menu01_02 a:hover, .sc_milky_secret_menu02 li.sc_milky_secret_menu02_01 a:hover{background-position: left bottom;} .sc_milky_secret01{ clear:both; padding-top:50px;} .sc_milky_secret h4{ clear:both; display:block; width:590px; height:0 !important; height /**/:50px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 50px 0px 0px 0px; margin-bottom:40px; } .sc_milky_secret01 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/title01.jpg);} .sc_milky_secret02 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/title02.jpg);} .sc_milky_secret03 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/special-contents/04/title03.jpg);} .sc_milky_secret p{ text-align:left; line-height:1.5; padding-bottom:8px;} .sc_milky_secret_img01{ padding-top:30px; padding-bottom:30px;} .sc_milky_secret_img02{ float:left; padding:8px; } /*-------------- 3Dタウン -------------*/ /*-------------- 3Dタウン -------------*/ #cow3d{ margin:auto; text-align:center; } #cow3d h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/3d/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } #cow3d a:link { color:#FF0000; text-decoration: none;} #cow3d a:visited { color:#FF0000; text-decoration: none;} #cow3d a:hover { color:#FF0000; text-decoration: underline;} #cow3d a:active { color:#FF0000; text-decoration: underline;} /*-------------- 会社情報 -------------*/ /*-------------- 会社情報 -------------*/ #corporate{ margin:auto; text-align:center; } #corporate h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } #corporate ul li{ list-style:none; } /*------会社情報メニュー ---------*/ .corporate_menu{ width:590px; text-align:left; clear:both; padding-top:33px; padding-bottom:40px; } .corporate_menu ul{ width:590px;} .corporate_menu ul li{ float:left; list-style:none; height:22px; vertical-align:bottom; } .corporate_menu ul li a{ display: block; height:22px; padding: 0px; background-position: left top; text-decoration: none; border:none; } .corporate_menu ul li a:hover {background-position: right top;} .corporate_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/company/menu01.jpg); width:121px;} .corporate_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/company/menu02.jpg); width:58px;} .corporate_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/company/menu03.jpg); width:55px;} .corporate_menu04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/company/menu04.jpg); width:83px;} .corporate_menu05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/company/menu05.jpg); width:145px;} .corporate_menu06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/company/menu06.jpg); width:128px;} /*--------------社長メッセージ -------------*/ .president_message_box{} .president_message_box h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/title01.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .president_img{ float:left; padding:5px;} .president_message_box h5{ font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size:1.4em; padding:25px 15px; } .president_message{ text-align:left; padding-bottom:20px; line-height:1.5} .president_name{ float:right; padding:10px;} /*--------------社訓 -------------*/ .motto_box h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/motto/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .motto_box01{ padding:0px 5px 300px 200px; clear:both; line-height:1.4; text-align:left; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/company/motto/motto_img.jpg); } .motto_box01 ul{ padding-left:30px; padding-bottom:50px;} .motto_box01 ul li{ padding-bottom:15px; list-style:none;} /*-------------会社沿革 -------------*/ .corp_history_box h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/corporate-history/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } dt.corp_his_img img{ float:left; padding:0px 10px 0px;} .corp_history_box01 dl dd{ text-align:left; line-height:1.5; padding-bottom:10px; } .corp_history_box ul{ padding:20px; text-align:left; } .corp_history_box ul li{ text-align:left; list-style:none; padding-bottom:5px;} .corp_history_box ul li a{ padding-left:5px;} .corp_history_box ul li a:link { color:#FF0000; text-decoration: none} .corp_history_box ul li a:visited { color:#FF0000; text-decoration: none} .corp_history_box ul li a:hover { color:#FF0000;font-weight:bold;text-decoration: underline} .corp_history_box ul li a:active { color:#FF0000;font-weight:bold;text-decoration: underline} /*--------------会社概要 -------------*/ .corporate_prof_box h4, .corporate_prof_box h5, .corporate_prof_box h6{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .corporate_prof_box h4{background-image: url(http://www.cow-soap.co.jp/web/ig/company/corporate-profile/title.jpg);} .corporate_prof_box h5{background-image: url(http://www.cow-soap.co.jp/web/ig/company/corporate-profile/title01.jpg);} .corporate_prof_box h6{background-image: url(http://www.cow-soap.co.jp/web/ig/company/corporate-profile/title02.jpg);} .corporate_prof_box01, .corporate_prof_box02, .corporate_prof_box03{ margin:auto; text-align:center; width:590px; margin-top:20px; margin-bottom:30px; } .corporate_prof_box01 table{} .corporate_prof_box01 table th{ border:1px solid #999999; background-color:#E6E6E6; font-weight:bold; padding:15px 8px; text-align:center; width:150px; margin:auto;} .corporate_prof_box01 table td{ margin-left:5px; border-bottom:1px solid #CCCCCC; text-align:left; padding:15px 8px; width:430px; } .corporate_prof_box01 a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .corporate_prof_box01 a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .corporate_prof_box01 a:hover { color:#FF0000; text-decoration: underline;} .corporate_prof_box01 a:active { color:#FF0000; text-decoration: underline;} .corporate_prof_box02 table{ margin-left:10px; } .corporate_prof_box02 table th{ border:0px; padding-bottom:10px; text-align:left; width:180px; font-weight:normal; } .corporate_prof_box02 table td{ border:0px; padding-bottom:10px; text-align:left; width:400px; } .corporate_prof_box03 table{ border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-collapse:collapse; } .corporate_prof_box03 table th{ border-bottom:1px solid #999999; border-right:1px solid #999999; background-color:#E6E6E6; font-weight:bold; padding:15px 8px; text-align:center; width:200px; margin:auto; } .corporate_prof_box03 table td{ border-bottom:1px solid #999999; text-align:left; padding:15px 6px 15px 10px; width:380px; } .corporate_prof_box03 table td input{ border:0px; margin:0px; padding:0px; background-color:transparent;} .corporate_prof_box03 a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .corporate_prof_box03 a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .corporate_prof_box03 a:hover { color:#FF0000; text-decoration: underline;} .corporate_prof_box03 a:active { color:#FF0000; text-decoration: underline;} .map_button, .map_bu_out{ color:#FF0000; border:0px; padding:0px; font-weight:bold; } .map_bu_over{ color:#FF0000; border:0px; padding:0px; font-weight:bold; text-decoration: underline;} } /*--------------１００周年のお知らせ -------------*/ .anniversaries_box h4{ display:block; width:590px; height:0 !important; height /**/:1200px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/100-anniversaries/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 1200px 0px 0px 0px; } /*--------------広告のお知らせ -------------*/ .advertisement_box h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/advertisement/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .advertisement_box dl{ margin:auto; text-align:center; width:590px;} .advertisement_box dl dt{ text-align:left; padding:10px 25px; line-height:1.4;} .advertisement_box dl dd{ width:590px; } .ad_title{ margin:8px 0px; } /*--------------ＣＳＲ -------------*/ #csr h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .csr_box{ margin:auto; text-align:center;} .csr_title00{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title00.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .csr_copy00{ text-align:left; line-height:1.4;} .csr_copy00 p{padding:5px 0px;} .csr_title01{ display:block; width:590px; height:0 !important; height /**/:474px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title01.jpg); background-position:center top; background-repeat:no-repeat; padding: 474px 0px 0px 0px; } .csr_copy01{ padding:0px 220px 130px 5px; clear:both; line-height:1.4; text-align:left; background-position:right top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/csr_img.jpg); } .csr_copy01 p{ padding-bottom:10px;} .csr_title02{ display:block; width:590px; height:0 !important; height /**/:26px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title02.jpg); background-position:center top; background-repeat:no-repeat; padding: 26px 0px 0px 0px; } .csr_title03{ display:block; width:590px; height:0 !important; height /**/:26px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title03.jpg); background-position:center top; background-repeat:no-repeat; padding: 26px 0px 0px 0px; } .csr_title04{ display:block; width:590px; height:0 !important; height /**/:26px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title04.jpg); background-position:center top; background-repeat:no-repeat; padding: 26px 0px 0px 0px; } .csr_title05{ display:block; width:590px; height:0 !important; height /**/:26px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/title05.jpg); background-position:center top; background-repeat:no-repeat; padding: 26px 0px 0px 0px; } .csr_copy02{ line-height:1.4; text-align:left; padding-bottom:25px;} .csr_copy03, .csr_copy04, .csr_copy05{ margin:auto; text-align:left;} .csr_copy03 ul, .csr_copy04 ul, .csr_copy05 ul{ clear:both; padding:20px 0px; text-align:left;} .csr_copy03 ul li, .csr_copy04 ul li, .csr_copy05 ul li{ background-position:left top; background-repeat:no-repeat; list-style:none; padding:0px 5px 10px 25px; text-align:left;} .csr_copy03_01{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/03_01.jpg);} .csr_copy03_02{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/03_02.jpg);} .csr_copy03_03{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/03_03.jpg);} .csr_copy04_01{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/04_01.jpg);} .csr_copy04_02{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/04_02.jpg);} .csr_copy05_01{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/05_01.jpg);} .csr_copy05_02{background-image: url(http://www.cow-soap.co.jp/web/ig/company/csr/05_02.jpg);} /*--------------お客様センター -------------*/ #custmer h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } .custmer_box p{ text-align:left; line-height:1.4; padding:20px 5px;} .custmer_box01{ margin:auto; text-align:center; margin-top:20px; } .custmer_title01, .custmer_title02, .custmer_title04{ display:block; width:590px; height:0 !important; height /**/:48px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 48px 0px 0px 0px; } .custmer_title01{ background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/title01.jpg);} .custmer_title02{ background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/title02.jpg);} .custmer_title04{ background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/title04.jpg);} .custmer_copy01_01, .custmer_copy02_01{ text-align:left; font-size:0.9em;} .custmer_copy01_02, .custmer_copy02_02{ color:#FF0000; font-weight:bold; text-align:left; font-size:1.4em; padding-bottom:30px;} .custmer_copy01_01 span, .custmer_copy02_02 span{ font-size:0.8em; } .custmer_copy03{ padding:0px 5px 60px 90px; clear:both; line-height:1.4; text-align:left; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/title03.jpg); } .custmer_copy04_01{ text-align:left; padding:3px 0px 5px; } .custmer_copy04_02{ text-align:left; font-size:0.9em; padding:2px 20px 15px 5px; } .custmer_copy04_03{ margin-bottom:30px;} .custmer_copy04_03 ul li{ list-style:none; padding:11px 5px 11px 25px; clear:both; line-height:1.4; text-align:left; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/mark.jpg); } .custmer_copy04_03 ul li a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .custmer_copy04_03 ul li a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .custmer_copy04_03 ul li a:hover { color:#FF0000; text-decoration: underline;} .custmer_copy04_03 ul li a:active { color:#FF0000; text-decoration: underline;} .custmer_title05{ display:block; width:590px; height:0 !important; height /**/:40px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/customer-center/note.jpg); background-position:center top; background-repeat:no-repeat; padding: 40px 0px 0px 0px;} .custmer_copy05_01, .custmer_copy05_02, .custmer_copy05_03, .custmer_copy05_04, .custmer_copy05_05{ font-size:0.8em; line-height:1.2; text-align:left; padding:2px 25px 15px 10px; } .custmer_copy05_05 a:link { color:#FF0000; text-decoration: none} .custmer_copy05_05 a:visited { color:#FF0000; text-decoration: none} .custmer_copy05_05 a:hover { color:#FF0000; text-decoration: underline} .custmer_copy05_05 a:active { color:#FF0000; text-decoration: underline} /*------------- プレスリリース-------------*/ .pr_box_list h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/pr/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .pr_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/pr/title01.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .pr_box_list ul, .pr_box ul{ padding:0px 25px; } .pr_box_list ul li, .pr_box ul li{ padding:11px 20px 11px; border-bottom:1px solid #FF0000; font-size:1.2em; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/up-date/mark.jpg); list-style:none; text-align:left; margin-bottom:20px; } .pr_box_list ul li a:link,.pr_box01 a:link{color:#FF0000; text-decoration: none;font-weight:bold;} .pr_box_list ul li a:visited,.pr_box01 a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .pr_box_list ul li a:hover,.pr_box01 a:hover { color:#FF0000; text-decoration: underline;} .pr_box_list ul li a:active,.pr_box01 a:active{ color:#FF0000; text-decoration: underline;} .pr_box ul li a:link,.pr_box01 a:link{color:#FF0000; text-decoration: none;font-weight:bold;} .pr_box ul li a:visited,.pr_box01 a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .pr_box ul li a:hover,.pr_box01 a:hover { color:#FF0000; text-decoration: underline;} .pr_box ul li a:active,.pr_box01 a:active{ color:#FF0000; text-decoration: underline;} .pr_title{padding:20px 10px 40px 10px;} .pr_title dt{font-size:1.3em; font-weight:bold;} .pr_title dd{ float:right; padding-top:10px; padding-right:10px; font-size:1em;} .pr_box01 p{ text-align:left; line-height:1.6; padding:10px 15px 30px;;} .pr_box01 p span{ float:right; padding-top:10px; padding-right:10px; } .pr_topic{padding:20px 5px;} .pr_topic strong{ font-weight:normal; margin-top:12px; } .pr_topic li{list-style:none; padding-top:0px;} .pr_topic_img{ margin:auto; text-align:center; padding:10px 0px; clear:both;} .pr_honbun br{ padding-bottom:5px;} .pr_topic_center{ margin:auto; text-align:center; padding:10px 0px; clear:both; } .pr_name{ float:right; } .pr_name dt{ padding-bottom:5px; padding-right:20px;} .pr_name dd{ padding-bottom:3px; padding-right:1px;} .to_pr{ padding-top:30px; margin:auto; text-align:center; clear:both; } /*-------------- 採用情報 -------------*/ .recruit_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/company/recruit/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .recruit_header{ width:460px; padding:5px 65px 10px; margin:auto; text-align:center; } .recruit_header h4{ padding:0px 0px 20px; text-align:center; margin:auto; font-size:1.4em; color:#FF0000; } .recruit_header p{ text-align:left; line-height:1.4; } .recruit_footer{ width:560px; padding:25px 15px 10px; margin:auto; text-align:center; } /*.recruit_toi{ text-align:left; line-height:1.2; padding:10px; border:1px solid #C0D5F2; margin-bottom:20px; }*/ .recruit_footer h5{ text-align:left; padding:5px; background-color:#0066FF; color:#FFFFFF; } .recruit_footer ul{ list-style:none; text-align:left; line-height:1.4; padding:10px 5px 0px; font-size:0.9em; margin-bottom:30px; } .recruit_footer ul li{ padding-bottom:3px; color:#333333; } .recruit_footer ul li{ padding-bottom:3px; color:#333333; } .recruit_footer ul li a:link { color:#FF0000; text-decoration: none;} .recruit_footer ul li a:visited { color:#FF0000; text-decoration: none;} .recruit_footer ul li a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .recruit_footer ul li a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} .recruit_body{ width:580px; padding:10px 5px 10px; margin:auto; text-align:center; } .recruit_body table{ width:560px; padding:0px; border-collapse:collapse; border-top:1px solid #666666; border-right:1px solid #666666; border-left:1px solid #666666; margin:auto; text-align:center; } .recruit_body table th{ width:140px; padding:10px 5px; text-align:left; color:#000000; font-weight:normal; border-right:1px solid #666666; border-bottom:1px solid #666666; background-color:#B0C6D3; } .recruit_body table td.rtlh{ border-bottom:1px solid #666666; } .recruit_body table td{ width:390px; padding:10px 10px; text-align:left; border-bottom:1px solid #666666; } .recruit_body table td.rtld{ border-bottom:1px solid #666666; } .recruit_body table td hr{ border:1px dotted #CCCCCC; } .recruit_body table td dl{ } .recruit_body table td dl dt.job_top{ text-align:left; line-height:1.4; padding-top:3px; color:#F00; } .recruit_body table td dl dt{ text-align:left; line-height:1.4; padding-top:10px; color:#F00; } .recruit_body table td dl dd{ text-align:left; line-height:1.4; padding-bottom:1px; } .recruit_body table td ul{ list-style:none; } .recruit_body table td ul.ca{ list-style:none; padding:8px 0px 5px; } .recruit_body table td ul.cb{ list-style:none; padding:5px 0px 3px; } .recruit_body table td ul li{ padding:0px 0px 2px; text-align:left; line-height:1.2; } .recruit_body table td ul.cb li{ padding-right:6px; } /*------info-------*/ .recruit_info p{ display:block; margin-bottom:50px; } .recruit_info_to_outline{ } .recruit_info_message { } .recruit_info_message h4{ margin-top:35px; margin-bottom:20px; } .recruit_info_message ul{ margin:auto; text-align:center; } .recruit_info_message ul li{ float:left; list-style:none; } .recruit_info_message ul li a{ display:block; } .recruit_box_info_entrynote{ background-color:#FFFFE5; } .recruit_box_info_entrynote h5 img{ } .recruit_box_info_entrynote ul{ width:590px; display:block; text-align:left; } .recruit_box_info_entrynote ul li{ list-style:none; text-align:left; padding:0px 20px; font-size:0.9em; line-height:1.3; color:#3C2632; } .recruit_box_info_entrynote ul li a:link { color:#FF0000;text-decoration: none;} .recruit_box_info_entrynote ul li a:visited { color:#FF0000;text-decoration: none;} .recruit_box_info_entrynote ul li a:hover { color:#000000;text-decoration: none;} .recruit_box_info_entrynote ul li a:active { color:#000000;text-decoration: none;} .recruit_toi{ margin:auto; text-align:center; padding-top:20px; padding:20px 80px; } .recruit_toi p{ text-align:left; line-height:1.3; } .recruit_toi form{ padding-top:30px; } .recruit_info_navi a:link { color:#333333;text-decoration:underline;} .recruit_info_navi a:visited { color:#333333;text-decoration:underline;} .recruit_info_navi a:hover { color:#FF0000;text-decoration: none;} .recruit_info_navi a:active { color:#FF0000;text-decoration: none;} .recruit_headerinfo{ text-align:left; padding:15px 35px; } /*------------- サイトカテゴリー-------------*/ #site_info{ margin:auto; text-align:center;} #site_info ul li{ list-style:none; } .information_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } .information_box dl{ width:520px; padding-left:70px; margin-top:30px; margin-bottom:10px; background-position:left top; background-repeat:no-repeat; } .information_box dl.info_box01{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img01.jpg);} .information_box dl.info_box02{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img02.jpg);} .information_box dl.info_box03{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img03.jpg);} .information_box dl.info_box04{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img04.jpg);} .information_box dl.info_box05{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img05.jpg);} .information_box dl.info_box06{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img06.jpg);} .information_box dl.info_box07{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/siteinfo_img07.jpg);} .information_box dl dt{ width:98%; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/mark.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; padding:0px 0px 10px 3px; border-bottom:1px solid #FF0000; } .information_box dl dd{ width:96%; text-align:left; line-height:1.4; padding:10px 0px 10px 8px; } .information_box dl dt a:link { color:#000000; text-decoration: none;font-weight:bold;padding-left:25px;} .information_box dl dt a:visited { color:#000000; text-decoration: none;font-weight:bold;padding-left:25px;} .information_box dl dt a:hover { color:#FF0000; text-decoration: none;font-weight:bold;padding-left:25px;} .information_box dl dt a:active { color:#FF0000; text-decoration: none;font-weight:bold;padding-left:25px;} /*------------- 免責事項 -------------*/ .disclaimer_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/disclaimer/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } .disclaimer_box dl{ margin-top:30px; text-align:left; width:590px;} .disclaimer_box dl dt{ text-align:left; font-weight:bold; padding-top:30px;} .disclaimer_box dl dd{ line-height:1.5; text-align:left; padding:5px 15px 0px 15px; } /*------------- プライバシーポリシー-------------*/ .privacy_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/private-policy/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } .privacy_box p{ text-align:left; padding:30px 25px 5px; line-height:1.5;} .privacy_box dl{ text-align:left; line-height:1.5; width:590px;} .privacy_box dl dt{ font-weight:bold; padding-top:30px;} .privacy_box dl dd{ padding:5px 10px 0px 10px; } .privacy_box dl dd ul{ padding-top:3px; } .privacy_box dl dd a:link { color:#000000; text-decoration: none} .privacy_box dl dd a:visited { color:#000000; text-decoration: none} .privacy_box dl dd a:hover { color:#FF0000;text-decoration: underline} .privacy_boxdl dd a:active { color:#FF0000;text-decoration: underline} /*------------- 更新履歴-------------*/ .update_box{ margin:auto; text-align:center; } .update_box h3{ width:590px; height:105px; text-indent: -9999px; display: block; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/up-date/title.jpg); background-position:center top; background-repeat:no-repeat; outline:0px; margin-bottom:30px; } .update_box dl{ text-align:left; padding:0px 25px 30px; } .update_box dl dt{ padding:11px 15px 11px; border-bottom:1px solid #FF0000; font-size:1.2em; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/up-date/mark.jpg); } .update_box dl dd{ padding-top:10px; padding-bottom:30px; text-align:left; line-height:1.4; } .update_box dl dt a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .update_box dl dt a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .update_box dl dt a:hover { color:#FF0000; text-decoration: underline;} .update_box dl dt a:active { color:#FF0000; text-decoration: underline;} .update_box p{ text-align:left; line-height:1.4; padding:0px 30px;} .update_box p a:link { color:#FF0000; text-decoration: none;} .update_box p a:visited { color:#FF0000; text-decoration: none;} .update_box p a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .update_box p a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} /*---- 製品紹介-----*/ .seihin_annnai{ } .seihin_annnai_title{ width:550px; text-align:left; margin-top:35px; padding:25px 0px 0px; font-size:1.5em; color:#F00; font-weight:bold; clear:both; border-top:1px dotted #666; } .seihin_annnai ul{ width:550px; } .seihin_annnai ul li.seihin_left{ list-style:none; width:200px; height:200px; border:1px solid #000; padding:10px 10px; float:left; } /*--IE 以外---*/ html>/**/body .seihin_annnai ul li.seihin_left{ margin:20px 0px 10px 20px; } /*--IE7 --*/ *+html .seihin_annnai ul li.seihin_left{ margin:20px 0px 10px 10px; } /*--IE --*/ * html .seihin_annnai ul li.seihin_left{ margin:20px 0px 10px 10px; } .seihin_annnai ul li.seihin_right{ list-style:none; width:200px; height:200px; border:1px solid #000; padding:10px 10px; float:right; } /*--IE 以外---*/ html>/**/body .seihin_annnai ul li.seihin_right{ margin:20px 20px 10px 0px; } /*--IE7 --*/ *+html .seihin_annnai ul li.seihin_right{ margin:20px 10px 10px 0px; } /*--IE --*/ * html .seihin_annnai ul li.seihin_right{ margin:20px 10px 10px 0px; } /*-------------------*/ .seihin_annnai ul li.seihin_left_end{ list-style:none; width:200px; height:200px; border:1px solid #000; padding:10px 10px; float:left; } /*--IE 以外---*/ html>/**/body .seihin_annnai ul li.seihin_left_end{ margin:20px 0px 30px 20px; } /*--IE7 --*/ *+html .seihin_annnai ul li.seihin_left_end{ margin:20px 0px 10px 10px; } /*--IE --*/ * html .seihin_annnai ul li.seihin_left_end{ margin:20px 0px 10px 10px; } .seihin_annnai ul li.seihin_right_end{ list-style:none; width:200px; height:200px; border:1px solid #000; padding:10px 10px; float:right; } /*--IE 以外---*/ html>/**/body .seihin_annnai ul li.seihin_right_end{ margin:20px 20px 30px 0px; } /*--IE7 --*/ *+html .seihin_annnai ul li.seihin_right_end{ margin:20px 10px 10px 0px; } /*--IE --*/ * html .seihin_annnai ul li.seihin_right_end{ margin:20px 10px 10px 0px; } /*-------------- よくあるご質問 -------------*/ #question{ margin:auto; text-align:center; } #question h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/question/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; } #question ul li{ list-style:none; } /*------よくあるご質問メニュー ---------*/ .question_menu{ width:590px; text-align:left; clear:both; padding-top:33px; padding-bottom:40px; } .question_menu ul{ width:590px;} .question_menu ul li{ float:left; list-style:none; height:22px; vertical-align:bottom; } .question_menu ul li a{ display: block; height:22px; padding: 0px; background-position: left top; text-decoration: none; border:none; } .question_menu ul li a:hover {background-position: left bottom;} .question_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/question/menu01.jpg); width:66px;} .question_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/question/menu02.jpg); width:117px;} .question_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/question/menu03.jpg); width:94px;} .question_menu04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/question/menu04.jpg); width:68px;} .question_menu05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/question/menu05.jpg); width:81px;} .question_menu06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/question/menu06.jpg); width:164px;} /*------よくあるご質問各項目 ---------*/ .question_box h4{ display:block; width:590px; height:0 !important; height /**/:30px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 30px 0px 0px 0px; margin-bottom:30px; } .question01 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/question/title01.jpg);} .question02 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/question/title02.jpg);} .question03 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/question/title03.jpg);} .question04 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/question/title04.jpg);} .question05 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/question/title05.jpg);} .question06 h4{background-image: url(http://www.cow-soap.co.jp/web/ig/question/title06.jpg);} .question01 ul, .question02 ul, .question03 ul, .question04 ul, .question05 ul, .question06 ul{ padding-left:15px; padding-right:15px; text-align:left;} .question01 ul li, .question02 ul li, .question03 ul li, .question04 ul li, .question05 ul li, .question06 ul li{ padding:2px 24px 20px; font-size:1.1em; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/question/list_q.jpg); list-style:none; text-align:left; } .question_box a:link { color:#FF0000; text-decoration: none;} .question_box a:visited { color:#FF0000; text-decoration: none;} .question_box a:hover { color:#FF0000; text-decoration: underline;} .question_box a:active { color:#FF0000; text-decoration: underline;} .question01 dl, .question02 dl, .question03 dl, .question04 dl, .question05 dl, .question06 dl{ text-align:left; padding-left:15px; padding-right:15px; } .question01 dl dt, .question02 dl dt, .question03 dl dt, .question04 dl dt, .question05 dl dt, .question06 dl dt{ padding:2px 0px 26px 32px; font-size:1.1em; font-weight:bold; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/question/mark_q.jpg); list-style:none; text-align:left; margin-bottom:20px; } .question01 dl dd, .question02 dl dd, .question03 dl dd, .question04 dl dd, .question05 dl dd, .question06 dl dd{ padding:2px 0px 26px 32px; font-size:1.1em; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/question/mark_a.jpg); list-style:none; line-height:1.4; text-align:left; margin-bottom:40px; } .question01 dl dd p, .question02 dl dd p, .question03 dl dd p, .question04 dl dd p, .question05 dl dd p, .question06 dl dd p{ padding-bottom:5px;} .question01 dl dd img, .question02 dl dd img, .question03 dl dd img, .question04 dl dd img, .question05 dl dd img, .question06 dl dd img{ padding:20px; margin:auto; text-align:center;} /*------サイトマップ ---------*/ .site_map h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .site_map a:link { color:#000000; text-decoration: none;} .site_map a:visited { color:#000000; text-decoration: none;} .site_map a:hover { color:#FF0000; text-decoration: underline;} .site_map a:active { color:#FF0000; text-decoration: underline;} .site_map h4{ background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/mark_a.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; padding-left:26px; margin-bottom:10px; font-size:1.6em; } .main_frame{ width:590px; clear:both; margin-bottom:30px; } .main_frame ul li{ text-align:left; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/mark_b.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; padding:0px; margin-bottom:5px; padding-left:15px; font-size:1.2em; } .site_map01{ width:290px; float:left; text-align:left;} .site_map02{ width:290px; float:right; text-align:left;} .site_map01 dl dt, .site_map02 dl dt{ display:block; width:284px; height:0 !important; height /**/:30px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 30px 0px 0px 0px; margin-bottom:10px; } .site_map_box01, .site_map_box02, .site_map_box03, .site_map_box04, .site_map_box05, .site_map_box06, .site_map_box07{ margin-bottom:20px; } .site_map_box01 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_products.jpg);} .site_map_box02 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_event.jpg);} .site_map_box03 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_sp.jpg);} .site_map_box04 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_corpinfo.jpg);} .site_map_box05 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_linksite.jpg);} .site_map_box06 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_siteinfo.jpg);} .site_map_box07 dt{background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/title_en.jpg);} .site_map01 dl dd, .site_map02 dl dd{ background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/site-map/mark_b.jpg); background-position:left top; background-repeat:no-repeat; padding-top:2px; padding-left:15px; margin-bottom:3px; line-height:1.2;} .site_map01 dl dd ul, .site_map02 dl dd ul{ list-style:none; padding:3px 2px;} /*------------- リンク集-------------*/ .link_box{ margin:auto; text-align:center; } .link_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/link/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .link_box ul{ text-align:left; padding:0px 25px 30px; } .link_box ul li{ padding:12px 15px 10px; font-size:1.2em; background-position:left center; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/site-info/link/mark.jpg); } .link_box ul li a:link { color:#000000; text-decoration: none;font-weight:bold;} .link_box ul li a:visited { color:#000000; text-decoration: none;font-weight:bold;} .link_box ul li a:hover { color:#115DCE; text-decoration: underline;} .link_box ul li a:active { color:#115DCE; text-decoration: underline;} .link_box p{ text-align:left; line-height:1.4; padding:0px 30px;} .link_box p a:link { color:#FF0000; text-decoration: none;} .link_box p a:visited { color:#FF0000; text-decoration: none;} .link_box p a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .link_box p a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} /*------------- カルタ企画-------------*/ /*-------------- カルタ -------------*/ .karuta{ margin:auto; text-align:center; } .karuta h3{ clear:both; display:block; width:590px; height:105px; margin-bottom:20px; } .karuta .present_note li{ list-style:none; } .karuta_read{ text-align:left; line-height:1.4; margin-bottom:40px; } .karuta_goto{ margin:auto; text-align:center; } .karuta_recruitment{ margin-top:40px; border:5px solid #FF0000; } .karuta_recruitment dl{ text-align:left; padding:5px 45px 30px; } .karuta_recruitment dl dt{ margin-top:12px; margin-bottom:12px; } .karuta_recruitment dl dt span{ font-size:1em; font-weight:bold; background-color:#004BD4; padding:4px; color:#FFFFFF; } .karuta_recruitment dl dd{ line-height:1.4; } .karuta_recruitment dl dd strong{ font-size:1.2em; } .karuta_recruitment dl dd span{ font-size:0.8em; color:#666666; padding-top:2px; } .karuta_read{ text-align:left; line-height:1.4; margin-bottom:40px; } .karuta_goto{ margin:auto; text-align:center; } .karuta_recruitment{ margin-top:40px; border:5px solid #FF0000; } .karuta_recruitment dl{ text-align:left; padding:5px 40px 30px; } .karuta_recruitment dl dt{ margin-top:12px; margin-bottom:12px; } .karuta_recruitment dl dt span{ font-size:1em; font-weight:bold; background-color:#004BD4; padding:4px; color:#FFFFFF; } .karuta_recruitment dl dd{ line-height:1.4; } .karuta_recruitment dl dd strong{ font-size:1.2em; } .karuta_recruitment dl dd span{ font-size:0.8em; color:#666666; padding-top:2px; } .karuta_result{ text-align:center; background-image: url(http://www.cow-soap.co.jp/web/ig/campaign/karuta/main_copy_list.jpg); background-position:center top; background-repeat:no-repeat; } .karuta_result p{ padding-top:200px; padding-left:20px; text-align:left; } .karuta_result table{ margin:auto; text-align:center; font-size:2em; border-spacing:50px; } .karuta_result table tr{ } .karuta_result table td{ border:3px solid #CCCCCC; color:#CCCCCC; padding:5px; } .karuta_result table td.karuta_result_linkword{ border:3px solid #FF0000; color:#FF0000; padding:5px; } .karuta_result table td.karuta_result_nolink{ border:none; } .karuta_result_linkword a:link { color:#FF0000; text-decoration: none;} .karuta_result_linkword a:visited { color:#FF0000; text-decoration: none;} .karuta_result_linkword a:hover { color:#FF0000; text-decoration: underline;font-weight:bold;} .karuta_result_linkword a:active { color:#FF0000; text-decoration: underline;font-weight:bold;} .karuta_result strong{ border:3px solid #FF0000; color:#FF0000; padding:8px; font-size:2em; margin-right:10px; } .karuta_result span{ background-position:left center; } .karuta_result ul.karuta_result_nyusen{ background-image: url(http://www.cow-soap.co.jp/web/ig/campaign/karuta/caption01.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; padding-top:75px; } .karuta_result ul.karuta_result_nyusen li{ list-style:none; padding-right:100px; padding-left:100px; padding-bottom:10px; font-size:1.3em; text-align:left; } .karuta_result ul.karuta_result_nyusen li span{ padding-left:8px; font-size:0.6em; } .karuta_result ul.karuta_result_kasaku{ background-image: url(http://www.cow-soap.co.jp/web/ig/campaign/karuta/caption02.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; padding-top:75px; } .karuta_result ul.karuta_result_kasaku li{ list-style:none; padding-right:100px; padding-left:100px; padding-bottom:10px; font-size:1.3em; text-align:left; } .karuta_result ul.karuta_result_kasaku li span{ padding-left:8px; font-size:0.6em; } .karuta_result ul.karuta_result_tokubetsu{ background-image: url(http://www.cow-soap.co.jp/web/ig/campaign/karuta/caption03.jpg); background-position:left top; background-repeat:no-repeat; text-align:left; padding-top:75px; } .karuta_result ul.karuta_result_tokubetsu li{ list-style:none; padding-bottom:3px; padding-right:100px; padding-left:100px; padding-bottom:10px; font-size:1.3em; text-align:left; } .karuta_result ul.karuta_result_tokubetsu li span{ padding-left:8px; font-size:0.6em; } .karuta_prenext{ margin-top:20px; margin-bottom:100px; padding-right:40px; width:550px; text-align:right; } .karuta_prenext a:link { color:#FF0000; text-decoration:underline;} .karuta_prenext a:visited { color:#FF0000; text-decoration:underline;} .karuta_prenext a:hover { color:#FF0000; text-decoration: none;font-weight:bold;} .karuta_prenext a:active { color:#FF0000; text-decoration: none;font-weight:bold;} .karuta_result_nyusen li a:link { color:#000000; text-decoration: underline;} .karuta_result_nyusen li a:visited { color:#000000; text-decoration: underline;} .karuta_result_nyusen li a:hover { color:#FF0000; text-decoration: none;} .karuta_result_nyusen li a:active { color:#FF0000; text-decoration: none;} .karuta_result_kasaku li a:link { color:#000000; text-decoration: underline;} .karuta_result_kasaku li a:visited { color:#000000; text-decoration: underline;} .karuta_result_kasaku li a:hover { color:#FF0000; text-decoration: none;} .karuta_result_kasaku li a:active { color:#FF0000; text-decoration: none;} .karuta_result_tokubetsu li a:link { color:#000000; text-decoration: underline;} .karuta_result_tokubetsu li a:visited { color:#000000; text-decoration: underline;} .karuta_result_tokubetsu li a:hover { color:#FF0000; text-decoration: none;} .karuta_result_tokubetsu li a:active { color:#FF0000; text-decoration: none;} /*----------- English -------------------------------------- ----------------------------------------------------------------*/ /*------------- サイドメニュー-------------*/ .english_menu{ width:237px; text-align:center; margin:auto; clear:both; } .english_menu ul li{ width:237px; list-style:none; height:70px; margin-bottom:10px; } .english_menu ul li a{ display: block; height:70px; padding: 0px; background-position: left top; text-decoration: none; border:none; } .english_menu ul li a:hover {background-position: left bottom;} .en_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/side/menu01.jpg);} .en_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/side/menu02.jpg);} .en_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/side/menu03.jpg);} .en_menu04 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/side/menu04.jpg);} .en_menu05 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/side/menu05.jpg);} .en_menu06 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/side/menu06.jpg);} .english_box h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .english_box01{ margin:auto; text-align:center;} .english_box01 p{ text-align:left; background-image: url(http://www.cow-soap.co.jp/web/ig/en/poroducts_img.jpg); background-repeat:no-repeat; background-position:center bottom; padding-bottom:714px; } /*--------------社長メッセージ（英語） -------------*/ .english_company_prof h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/company-profile/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .president_message_en_box{} .president_message_en_box h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/company-profile/title01.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .president_img_en{ float:left; padding:5px;} .president_message_en_box h5{ font:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; font-size:1.4em; padding:25px 15px; } .president_message_en{ text-align:left; padding-bottom:20px; line-height:1.5} .president_name_en{ float:right; padding:10px;} /*--------------社訓 -------------*/ .creed_en_box h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/company-profile/title02.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; margin-bottom:20px; } .creed_en_box01{ padding:0px 5px 300px 200px; clear:both; line-height:1.4; text-align:left; background-position:left top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/company/motto/motto_img.jpg); } .creed_en_box01 ul{ padding-left:30px; padding-bottom:50px;} .creed_en_box01 ul li{ padding-bottom:15px; list-style:none;} /*--------------会社概要-------------*/ .outline_en_box h4, .outline_en_box h5{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .outline_en_box h4{background-image: url(http://www.cow-soap.co.jp/web/ig/en/outline/title.jpg);} .outline_en_box h5{background-image: url(http://www.cow-soap.co.jp/web/ig/en/outline/title01.jpg);} .outline_en_box01, .outline_en_box02, .outline_en_box03{ margin:auto; text-align:center; width:590px; margin-top:20px; margin-bottom:30px; } .outline_en_box01 table{} .outline_en_box01 table th{ border:1px solid #999999; background-color:#E6E6E6; font-weight:bold; padding:15px 8px; text-align:center; width:150px; margin:auto;} .outline_en_box01 table td{ margin-left:5px; border-bottom:1px solid #CCCCCC; text-align:left; padding:15px 8px; width:430px; } .outline_en_box01 a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .outline_en_box01 a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .outline_en_box01 a:hover { color:#FF0000; text-decoration: underline;} .outline_en_box01 a:active { color:#FF0000; text-decoration: underline;} .outline_en_box02 table{ border-top:1px solid #999999; border-left:1px solid #999999; border-right:1px solid #999999; border-collapse:collapse; } .outline_en_box02 table th{ border-bottom:1px solid #999999; border-right:1px solid #999999; background-color:#E6E6E6; font-weight:bold; padding:15px 8px; text-align:center; width:150px; margin:auto; } .outline_en_box02 table td{ border-bottom:1px solid #999999; text-align:left; padding:15px 8px; width:430px; } .outline_en_box02 table td ul li{ list-style:none;} .outline_en_box02 a:link { color:#FF0000; text-decoration: none;font-weight:bold;} .outline_en_box02 a:visited { color:#FF0000; text-decoration: none;font-weight:bold;} .outline_en_box02 a:hover { color:#FF0000; text-decoration: underline;} .outline_en_box02 a:active { color:#FF0000; text-decoration: underline;} .comapany_en_menu{ width:590px; text-align:left; clear:both; padding-top:33px; padding-bottom:40px; } .comapany_en_menu ul{ width:590px;} .comapany_en_menu ul li{ float:left; list-style:none; height:22px; vertical-align:bottom; } .comapany_en_menu ul li a{ display: block; height:22px; padding: 0px; background-position: left top; text-decoration: none; border:none; } .comapany_en_menu ul li a:hover {background-position: left bottom;} .comapany_en_menu01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/company-profile/menu01.jpg); width:122px;} .comapany_en_menu02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/company-profile/menu02.jpg); width:138px;} .comapany_en_menu03 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/company-profile/menu03.jpg); width:330px;} /*--------------ＣＳＲ -------------*/ #csr_en h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .csr_en_box{ margin:auto; text-align:center;} .csr_en_title00{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title00.jpg); background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; } .csr_en_copy00{ text-align:left; line-height:1.4;} .csr_en_copy00 p{padding:5px 0px;} .csr_en_title01{ display:block; width:590px; height:0 !important; height /**/:474px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title01.jpg); background-position:center top; background-repeat:no-repeat; padding: 474px 0px 0px 0px; } .csr_en_copy01{ padding:0px 220px 110px 5px; clear:both; line-height:1.4; text-align:left; background-position:right top; background-repeat:no-repeat; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/csr_img.jpg); } .csr_en_copy01 p{ padding-bottom:10px;} .csr_en_title02{ display:block; width:590px; height:0 !important; height /**/:26px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title02.jpg); background-position:center top; background-repeat:no-repeat; padding: 26px 0px 0px 0px; } .csr_en_title03{ display:block; width:590px; height:0 !important; height /**/:28px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title03.jpg); background-position:center top; background-repeat:no-repeat; padding: 28px 0px 0px 0px; } .csr_en_title04{ display:block; width:590px; height:0 !important; height /**/:28px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title04.jpg); background-position:center top; background-repeat:no-repeat; padding: 28px 0px 0px 0px; } .csr_en_title05{ display:block; width:590px; height:0 !important; height /**/:28px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/title05.jpg); background-position:center top; background-repeat:no-repeat; padding: 28px 0px 0px 0px; } .csr_en_copy02{ line-height:1.4; text-align:left; padding-bottom:25px;} .csr_en_copy03, .csr_en_copy04, .csr_en_copy05{ margin:auto; text-align:left;} .csr_en_copy03 ul, .csr_en_copy04 ul, .csr_en_copy05 ul{ clear:both; padding:20px 0px; text-align:left;} .csr_en_copy03 ul li, .csr_en_copy04 ul li, .csr_en_copy05 ul li{ background-position:left top; background-repeat:no-repeat; list-style:none; padding:0px 5px 10px 25px; text-align:left;} .csr_en_copy03_01{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/03_01.jpg);} .csr_en_copy03_02{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/03_02.jpg);} .csr_en_copy03_03{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/03_03.jpg);} .csr_en_copy04_01{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/04_01.jpg);} .csr_en_copy04_02{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/04_02.jpg);} .csr_en_copy05_01{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/05_01.jpg);} .csr_en_copy05_02{background-image: url(http://www.cow-soap.co.jp/web/ig/en/csr/05_02.jpg);} /*--------------ＨＩＳＴＯＲＹ -------------*/ #history_en h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/history/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:30px; } .history_en_box01 p{ line-height:1.4; padding-bottom:15px; text-align:left;} .history_en_box01 p span{ font-size:0.7em;} .history_en_title{ font-weight:boldl; font-size:1.4em; padding:20px 0px;} .history_en_img01, .history_en_img03, .history_en_img05{ text-align:left; float:left; padding:5px;} .history_en_img02, .history_en_img04, .history_en_img06{ text-align:right; float:right; padding:5px;} .history_en_img07{ margin:auto; text-align:center; padding:30px 0px;} .history_en_img07 p{ margin:auto; text-align:center;} /*--------------COMMITMENT -------------*/ #commitment_en h3{ display:block; width:590px; height:0 !important; height /**/:105px; overflow:hidden; background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/title.jpg); background-position:center top; background-repeat:no-repeat; padding: 105px 0px 0px 0px; margin-bottom:20px; } .commitment_en_menu{ width:590px; text-align:left; clear:both; padding-top:33px; padding-bottom:40px; margin-bottom:20px; } .commitment_en_menu ul.ct_en_menu01, .commitment_en_menu ul.ct_en_menu02{ width:590px; padding:0px 0px 0px 0px; clear:both; } .ct_en_menu01 li, .ct_en_menu02 li{ float:left; list-style:none; height:32px; vertical-align:bottom; } .ct_en_menu01 li a, .ct_en_menu02 li a{ display: block; height:26px; padding: 0px; background-position: left top; text-decoration: none; } .ct_en_menu01 li a:hover, .ct_en_menu02 li a:hover {background-position: left bottom;} .ct_en_menu01 li.ct_en_menu01_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/menu01.jpg); width:282px;} .ct_en_menu01 li.ct_en_menu01_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/menu02.jpg); width:308px;} .ct_en_menu02 li.ct_en_menu02_01 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/menu03.jpg); width:282px;} .ct_en_menu02 li.ct_en_menu02_02 a{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/menu04.jpg); width:308px;} .commitment_en_box01{ margin-bottom:50px;} .commitment_en_box01 h4{ display:block; width:590px; height:0 !important; height /**/:60px; overflow:hidden; background-position:center top; background-repeat:no-repeat; padding: 60px 0px 0px 0px; margin-bottom:5px; } .commitment_en_box01 h4.commitment01{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/tilte01.jpg);} .commitment_en_box01 h4.commitment02{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/tilte02.jpg);} .commitment_en_box01 h4.commitment03{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/tilte03.jpg);} .commitment_en_box01 h4.commitment04{background-image: url(http://www.cow-soap.co.jp/web/ig/en/commitment/tilte04.jpg);} .commitment_en_box ul li{ list-style:none;} .commitment_en_box01 p{ text-align:left; padding-bottom:15px;} .commitment_en_box p span{ padding:0px;} /*--------------検索結果-------------*/ .search_box h3{ width:590px; text-align:left; margin-bottom:30px; font-size:1.3em; } .search_box dl{ text-align:left; margin-bottom:30px; padding-bottom:5px; width:590px; } .search_box dl dt{ padding-top:40px; text-align:left; padding-bottom:5px; } .search_box dl dt a:link { color:#FF0000; text-decoration: none ;font-weight:bold;} .search_box dl dt a:visited { color:#FF0000; text-decoration:none;font-weight:bold;} .search_box dl dt a:hover { color:#FF0000; text-decoration:underline;} .search_box dl dt a:active { color:#FF0000; text-decoration:underline;} .search_box dl dd{ text-align:left; padding-bottom:40px; line-height:1.4; border-bottom:1px dotted #999999; }