/* ::::: http://www.taiyooil.net/shared/css/base.css ::::: */ body { margin: 0px; padding: 0px; background: rgb(238, 238, 238) url('body_bg.gif') repeat; text-align: center; color: rgb(85, 85, 85); font-size: small; line-height: 160%; font-family: "?q???M?m?p?S Pro W3","Hiragino Kaku Gothic Pro",Osaka,"?l?r ?o?S?V?b?N","MS PGothic",sans-serif; } #wrapper { margin: 0px auto; width: 760px; text-align: left; } /* メインボディ背景 */ #bodyArea { border-top: 1px solid rgb(216, 216, 216); border-right: 1px solid rgb(227, 227, 227); margin: 0px; padding: 0px 1px 25px; background: rgb(255, 255, 255) url('ba_bg.gif') repeat; width: 757px; position: relative; } #bodyAreaTopMargin { border-top: 1px solid rgb(216, 216, 216); border-right: 1px solid rgb(227, 227, 227); margin: 12px 0px 0px; padding: 0px 1px 25px; background: rgb(255, 255, 255) url('ba_bg.gif') repeat; width: 757px; position: relative; } .contentsDefaultGrid #bodyTopbgArea { margin: 0px; padding: 0px 20px; background: rgb(255, 255, 255) url('ba_bg_right.gif') repeat-y scroll right center; width: 717px; position: relative; } /* コンテンツ外側背景 */ .contentsFullGrid #bodyTopbgArea { margin: 0px; padding: 0px 20px; background: rgb() url('') none repeat; width: 717px; position: relative; } .contentsDefaultGrid2 #bodyTopbgArea { margin: 0px; padding: 0px 30px 0px 20px; background: rgb(255, 255, 255) url('ba_bg_left.gif') repeat-y scroll left center; width: 707px; position: relative; } body.contentsDefaultGridMarginZero #bodyTopbgArea { margin: 0px; padding: 0px 20px 0px 0px; width: 737px; } body.contentsDefaultGridMarginZero2 #bodyTopbgArea { margin: 0px; padding: 0px 0px 0px 20px; width: 737px; } body.contentsFullGridMarginZero #bodyTopbgArea { margin: 0px; padding: 0px; width: 757px; } body.contentsDefaultGrid #contentsArea { margin: 0px; padding: 0px; width: 533px; float: left; } body.contentsDefaultGridMarginZero #contentsArea { margin: 0px; padding: 0px; width: 553px; float: left; } /* コンテンツ内側背景 */ body.contentsFullGrid #contentsArea { margin: 0px; padding: 0px 10px; background: rgb() url('') none repeat; width: 697px; } body.contentsFullGridMarginZero #contentsArea { margin: 0px; padding: 0px; width: 757px; } body.contentsDefaultGrid2 #contentsArea { margin: 0px; padding: 0px; width: 513px; float: right; } body.contentsDefaultGridMarginZero2 #contentsArea { margin: 0px; padding: 0px; width: 543px; float: right; } .boxBodyTopSpacer { margin: 0px 0px 10px; padding: 0px; height: 1px; } .boxBodyBottomSpacer { margin: 5px 0px 0px; padding: 0px; height: 1px; clear: both; } a { outline-style: none; } a:link { color: rgb(0, 0, 0); } a:visited { color: rgb(0, 0, 0); } a:hover { color: rgb(255, 0, 0); text-decoration: underline; } a:active { color: rgb(0, 0, 0); } /* ::::: http://www.taiyooil.net/shared/css/header.css ::::: */ #headerArea { border-right: 1px solid rgb(227, 227, 227); border-bottom: 1px solid rgb(227, 227, 227); background: rgb(255, 255, 255) url('header_bg.gif') repeat; width: 759px; height: 71px; position: relative; } #headerArea .logo_001 { position: absolute; top: 21px; left: 21px; font-size: large; color: rgb(0, 0, 0); font-weight: bold; } #headerArea .logo_002 { position: absolute; top: 19px; right: 19px; } #globalNavigationArea { margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat; width: 443px; height: 29px; position: absolute; top: 18px; left: 224px; } #globalNavigationArea ul.link { margin: 0px; padding: 0px; line-height: 1; list-style-type: none; } #globalNavigationArea ul.link li { margin: 0px; padding: 0px; float: left; } #globalNavigationArea ul.link li#nav001 { width: 123px; height: 29px; } #globalNavigationArea ul.link li#nav002 { width: 105px; height: 29px; } #globalNavigationArea ul.link li#nav003 { width: 115px; height: 29px; } #globalNavigationArea ul.link li#nav004 { width: 100px; height: 29px; } #globalNavigationArea ul.link li a { margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat; display: block; font-size: 1px; text-indent: -10000px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; } #globalNavigationArea ul.link li#nav001 a { width: 123px; height: 29px; background-image: url('gn_btn_001.gif'); } #globalNavigationArea ul.link li#nav002 a { width: 105px; height: 29px; background-image: url('gn_btn_002.gif'); } #globalNavigationArea ul.link li#nav003 a { width: 115px; height: 29px; background-image: url('gn_btn_003.gif'); } #globalNavigationArea ul.link li#nav004 a { width: 100px; height: 29px; background-image: url('gn_btn_004.gif'); } #category1 #globalNavigationArea ul.link li#nav001 a { background-position: 0px -29px; } #category2 #globalNavigationArea ul.link li#nav002 a { background-position: 0px -29px; } #category3 #globalNavigationArea ul.link li#nav003 a { background-position: 0px -29px; } #category4 #globalNavigationArea ul.link li#nav004 a { background-position: 0px -29px; } #globalNavigationArea ul.link li a:hover { background-position: 0px -29px; text-decoration: none; } /* ::::: http://www.taiyooil.net/shared/css/navigation.css ::::: */ #breadcrumbNavigationArea { margin: 0px; padding: 7px 0px 9px; width: 760px; position: relative; color: rgb(102, 102, 102); line-height: 1; } #breadcrumbNavigationArea a:link { color: rgb(102, 102, 102); } #breadcrumbNavigationArea a:visited { color: rgb(102, 102, 102); } #breadcrumbNavigationArea a:hover { color: rgb(255, 0, 0); text-decoration: underline; } #breadcrumbNavigationArea a:active { color: rgb(102, 102, 102); } #breadcrumbNavigationArea ul.link { margin: 0px 21px; padding: 0px; list-style-type: none; font-size: x-small; } #breadcrumbNavigationArea ul.link li { margin: 0px; padding: 0px; display: inline; background-image: none; } #localNavigationArea { margin: 0px; padding: 0px; width: 175px; font-size: x-small; float: left; line-height: 1; } #localNavigationArea .boxBodyTopSpacer { margin: 0px; padding: 0px 0px 25px; background: rgb(255, 255, 255) none repeat; height: 1px; } #localNavigationArea .boxBodyBottomSpacer { margin: 25px 0px 0px; padding: 0px; height: 1px; } #localNavigationArea #navigationBox { margin: 0px 0px 25px; padding: 6px; width: 175px; } #localNavigationArea #navigationBox h3 { margin: 0px; padding: 0px; background: transparent url('ln_hd_01.jpg') repeat; width: 163px; height: 46px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(216, 216, 216); } #localNavigationArea #navigationBox .boxBody { margin: 0px; padding: 0px; width: 163px; } #localNavigationArea #navigationBox .boxBody h4 { margin: 0px; padding: 0px; width: 163px; height: 32px; text-align: center; } #localNavigationArea #navigationBox .boxBody h4 a { margin: 0px; padding: 0px; width: 163px; height: 32px; display: block; font-size: 1px; text-indent: -10000px; text-decoration: none; color: rgb(255, 255, 255); } #localNavigationArea #navigationBox .boxBody h4.heading01 a { background: transparent url('ln_btn_001.gif') repeat; } #localNavigationArea #navigationBox .boxBody h4.heading02 a { background: transparent url('ln_btn_002.gif') repeat; } #localNavigationArea #navigationBox .boxBody h4.heading03 a { background: transparent url('ln_btn_003.gif') repeat; } #localNavigationArea #navigationBox .boxBody h4.heading04 a { background: transparent url('ln_btn_004.gif') repeat; } #localNavigationArea #navigationBox .boxBody h4 a:hover { background-position: 0px -32px; } .localNaviBox1 #navigationBox #box02 .boxBody, .localNaviBox1 #navigationBox #box03 .boxBody, .localNaviBox1 #navigationBox #box04 .boxBody { display: none; } .localNaviBox2 #navigationBox #box01 .boxBody, .localNaviBox2 #navigationBox #box03 .boxBody, .localNaviBox2 #navigationBox #box04 .boxBody { display: none; } .localNaviBox3 #navigationBox #box01 .boxBody, .localNaviBox3 #navigationBox #box02 .boxBody, .localNaviBox3 #navigationBox #box04 .boxBody { display: none; } .localNaviBox4 #navigationBox #box01 .boxBody, .localNaviBox4 #navigationBox #box02 .boxBody, .localNaviBox4 #navigationBox #box03 .boxBody { display: none; } #navigationBox .boxBody #box01 .boxBody, #navigationBox .boxBody #box02 .boxBody, #navigationBox .boxBody #box03 .boxBody { border-bottom: 1px solid rgb(216, 216, 216); padding: 0px 1px; background: transparent url('ln_nb_body_bg.gif') no-repeat scroll left bottom; width: 161px; } #navigationBox .boxBody #box04 .boxBody { padding: 0px 1px 2px; background: transparent url('ln_nb_body_bg2.gif') no-repeat scroll left bottom; width: 161px; } #localNavigationArea #navigationBox ul.link { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; } #localNavigationArea #navigationBox ul.link li { margin: 0px; padding: 6px 0px 7px; background: transparent url('hr.gif') repeat-x scroll left bottom; } #localNavigationArea #navigationBox ul.link li.bottom { margin: 0px; padding: 5px 0px 6px; background: transparent none repeat; } #localNavigationArea #navigationBox ul.link a, #localNavigationArea #navigationBox ul.link li.bottom a { margin: 0px; padding: 0px 0px 0px 23px; background: transparent url('arrow_02.gif') no-repeat scroll 16px 3px; } #localNavigationArea #navigationBox ul.link li #localNavigationArea #navigationBox ul.link li.bottom { padding-left: 23px; text-indent: -23px; } #localNavigationArea #navigationBox ul.link a:link, #localNavigationArea #navigationBox ul.link li.bottom a:link { color: rgb(0, 0, 0); } #localNavigationArea #navigationBox ul.link a:visited, #localNavigationArea #navigationBox ul.link li.bottom a:visited { color: rgb(0, 0, 0); } #localNavigationArea #navigationBox ul.link a:hover, #localNavigationArea #navigationBox ul.link li.bottom a:hover { color: rgb(255, 0, 0); text-decoration: underline; } #localNavigationArea #navigationBox ul.link a:active, #localNavigationArea #navigationBox ul.link li.bottom a:active { color: rgb(0, 0, 0); } #localNavigationArea .position1 #navigationBox ul.link li#position_001, #localNavigationArea .position2 #navigationBox ul.link li#position_002, #localNavigationArea .position3 #navigationBox ul.link li#position_003, #localNavigationArea .position4 #navigationBox ul.link li#position_004, #localNavigationArea .position5 #navigationBox ul.link li#position_005, #localNavigationArea .position6 #navigationBox ul.link li#position_006, #localNavigationArea .position7 #navigationBox ul.link li#position_007, #localNavigationArea .position8 #navigationBox ul.link li#position_008, #localNavigationArea .position9 #navigationBox ul.link li#position_009 { padding: 6px 0px; background-color: rgb(232, 232, 232); } #localNavigationArea .position2003 #navigationBox ul.link li#position_2003, #localNavigationArea .position2004 #navigationBox ul.link li#position_2004, #localNavigationArea .position2005 #navigationBox ul.link li#position_2005, #localNavigationArea .position2006 #navigationBox ul.link li#position_2006, #localNavigationArea .position2007 #navigationBox ul.link li#position_2007, #localNavigationArea .position2008 #navigationBox ul.link li#position_2008, #localNavigationArea .position2009 #navigationBox ul.link li#position_2009, #localNavigationArea .position2010 #navigationBox ul.link li#position_2010, #localNavigationArea .position2011 #navigationBox ul.link li#position_2011, #localNavigationArea .position2012 #navigationBox ul.link li#position_2012, #localNavigationArea .position2013 #navigationBox ul.link li#position_2013, #localNavigationArea .position2014 #navigationBox ul.link li#position_2014, #localNavigationArea .position2015 #navigationBox ul.link li#position_2015, #localNavigationArea .position2016 #navigationBox ul.link li#position_2016, #localNavigationArea .position2017 #navigationBox ul.link li#position_2017, #localNavigationArea .position2018 #navigationBox ul.link li#position_2018, #localNavigationArea .position2019 #navigationBox ul.link li#position_2018, #localNavigationArea .position2020 #navigationBox ul.link li#position_2006 { padding: 6px 0px; background-color: rgb(232, 232, 232); } #localNavigationArea .position1 #navigationBox ul.link li#position_001 a, #localNavigationArea .position2 #navigationBox ul.link li#position_002 a, #localNavigationArea .position3 #navigationBox ul.link li#position_003 a, #localNavigationArea .position4 #navigationBox ul.link li#position_004 a, #localNavigationArea .position5 #navigationBox ul.link li#position_005 a, #localNavigationArea .position6 #navigationBox ul.link li#position_006 a, #localNavigationArea .position7 #navigationBox ul.link li#position_007 a, #localNavigationArea .position8 #navigationBox ul.link li#position_008 a, #localNavigationArea .position9 #navigationBox ul.link li#position_009 a { background: transparent none repeat; color: rgb(102, 102, 102); font-weight: bold; text-decoration: none; } #localNavigationArea .position2003 #navigationBox ul.link li#position_2003 a, #localNavigationArea .position2004 #navigationBox ul.link li#position_2004 a, #localNavigationArea .position2005 #navigationBox ul.link li#position_2005 a, #localNavigationArea .position2006 #navigationBox ul.link li#position_2006 a, #localNavigationArea .position2007 #navigationBox ul.link li#position_2007 a, #localNavigationArea .position2008 #navigationBox ul.link li#position_2008 a, #localNavigationArea .position2009 #navigationBox ul.link li#position_2009 a, #localNavigationArea .position2010 #navigationBox ul.link li#position_2010 a, #localNavigationArea .position2011 #navigationBox ul.link li#position_2011 a, #localNavigationArea .position2012 #navigationBox ul.link li#position_2012 a, #localNavigationArea .position2013 #navigationBox ul.link li#position_2013 a, #localNavigationArea .position2014 #navigationBox ul.link li#position_2014 a, #localNavigationArea .position2015 #navigationBox ul.link li#position_2015 a, #localNavigationArea .position2016 #navigationBox ul.link li#position_2016 a, #localNavigationArea .position2017 #navigationBox ul.link li#position_2017 a, #localNavigationArea .position2018 #navigationBox ul.link li#position_2018 a, #localNavigationArea .position2019 #navigationBox ul.link li#position_2019 a, #localNavigationArea .position2020 #navigationBox ul.link li#position_2020 a { background: transparent none repeat; color: rgb(102, 102, 102); font-weight: bold; text-decoration: none; } #subNavigationArea { margin: 0px; padding: 0px; width: 165px; float: right; line-height: 130%; } #subNavigationArea .boxBodyTopSpacer { margin: 0px; padding: 0px 0px 25px; background: rgb(255, 255, 255) none repeat; height: 1px; } #subNavigationArea .boxBodyBottomSpacer { margin: 0px; padding: 25px 0px 0px; height: 1px; } #subNavigationArea a:link { color: rgb(204, 0, 0); } #subNavigationArea a:visited { color: rgb(204, 0, 0); } #subNavigationArea a:hover { color: rgb(255, 0, 0); text-decoration: underline; } #subNavigationArea a:active { color: rgb(204, 0, 0); } #subNavigationArea #navigationBox { margin: 0px 0px 15px 1px; padding: 0px; width: 164px; } #subNavigationArea #navigationBox .boxHeading { margin: 0px; padding: 0px; width: 164px; height: 29px; } #subNavigationArea #navigationBox .boxHeading h3 { margin: 0px; padding: 0px; width: 164px; height: 29px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(244, 244, 244); } #subNavigationArea #navigationBox .boxHeading h3.campain { background-image: url('sn_campain_bg.jpg'); } #subNavigationArea #navigationBox .boxHeading h3.self { background-image: url('sn_self_bg.jpg'); } #subNavigationArea #navigationBox .boxHeading h3.comments { background-image: url('sn_comments_bg.jpg'); } #subNavigationArea #navigationBox .boxHeading h3.entertainment { background-image: url('sn_entertainment_bg.jpg'); } #subNavigationArea #navigationBox .boxHeading h3.update { background-image: url('sn_update_bg.jpg'); } #subNavigationArea #navigationBox .boxBody { margin: 0px; padding: 0px; width: 160px; } #subNavigationArea #navigationBox div.boxBodyTopSpacer { margin: 0px 0px 5px; padding: 0px; height: 1px; } #subNavigationArea div.bannerImg img { border: medium none ; margin: 0px; padding: 0px; } * html #subNavigationArea div.bannerImg img { margin: 0px; } #subNavigationArea div.bannerImg { margin: 0px; padding: 0px 0px 5px; } #subNavigationArea .bannerBox { margin: 0px; padding: 5px 0px 0px; background: rgb(240, 240, 240) none repeat; width: 100%; text-align: center; } #subNavigationArea .banner { margin: 0px; padding: 0px; } #subNavigationArea .banner p { margin: 0px; padding: 0px; width: 164px; height: 73px; position: relative; display: block; font-size: 1px; text-indent: -10000px; line-height: 1; text-align: center; color: rgb(255, 255, 255); } #subNavigationArea .banner p.self { width: 164px; height: 73px; } #subNavigationArea .banner p.comments { width: 164px; height: 69px; } #subNavigationArea .banner p a { margin: 0px; padding: 0px; color: rgb(255, 255, 255); display: block; text-decoration: none; } #subNavigationArea .banner p.self a { width: 164px; height: 73px; background-image: url('sn_banner_ss.jpg'); } #subNavigationArea .banner p.comments a { width: 164px; height: 69px; background-image: url('sn_banner_comments.jpg'); } #subNavigationArea .banner p.self a:hover { background-position: 0px -73px; } #subNavigationArea .banner p.comments a:hover { background-position: 0px -69px; } #subNavigationArea .listBlock { margin: 6px 0px 0px; padding: 0px 0px 6px; background: transparent url('hr.gif') repeat-x scroll center bottom; width: 100%; font-weight: bold; } #subNavigationArea .listBlock p { margin: 0px; padding: 0px 0px 0px 5px; width: 159px; font-size: x-small; color: rgb(0, 0, 0); font-weight: bold; } #subNavigationArea .updateBlock { margin: 6px 0px 0px; padding: 0px 0px 6px; background: transparent url('hr.gif') repeat-x scroll center bottom; width: 100%; font-size: x-small; } #subNavigationArea .updateBlock p { margin: 0px; padding: 0px 0px 0px 5px; width: 159px; color: rgb(0, 0, 0); font-weight: bold; } #subNavigationArea .updateBlock ul.link li { margin: 0px; padding: 0px; background-image: none; line-height: 130%; } #navigationBox ul.link { margin: 0px; padding: 0px 0px 3px 5px; list-style-type: none; list-style-image: none; list-style-position: outside; } #navigationBox ul.link li { margin: 0px; padding: 0px; background-image: none; } #navigationBox ul.link a { margin: 0px; padding: 0px; color: rgb(204, 0, 0); } #navigationBox ul.link a:hover { color: rgb(255, 0, 0); } #navigationBox ul.link li { padding-left: 0px; text-indent: 0px; } .toTopNavigation { border-right: 1px solid rgb(227, 227, 227); border-bottom: 1px solid rgb(227, 227, 227); margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat; width: 759px; height: 34px; position: relative; display: block; font-size: 1px; text-indent: -10000px; line-height: 1; text-align: center; color: rgb(216, 216, 216); } .toTopNavigation a { margin: 0px; padding: 0px; width: 759px; height: 35px; color: rgb(216, 216, 216); display: block; background-image: url('ttn_btn.gif'); text-decoration: none; } .toTopNavigation a:link { color: rgb(216, 216, 216); } .toTopNavigation a:visited { color: rgb(216, 216, 216); } .toTopNavigation a:hover { color: rgb(216, 216, 216); } .toTopNavigation a:active { color: rgb(216, 216, 216); } .toTopNavigation a:hover { background-position: 0px -34px; text-decoration: none; } .toBeforeNavigation { padding: 2px 0px 0px; background: transparent url('hr.gif') repeat-x scroll center top; margin-top: 21px; font-size: x-small; text-align: right; } .toBeforeNavigation a { padding: 0px 0px 0px 10px; background: transparent url('arrow_03.gif') no-repeat scroll 0px 4px; } #contentsArea .toContentsNavigation ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; } #contentsArea .toContentsNavigation ul li { margin: 0px 0px 3px; padding: 1px 0px 3px; background-image: none; } #contentsArea .toContentsNavigation ul a { margin: 0px; padding: 0px 0px 0px 10px; background: transparent url('arrow_bottom_middle.gif') no-repeat scroll 0px 4px; } #contentsArea .toContentsNavigation ul li { padding-left: 14px; text-indent: -14px; } #contentsNavigationArea { margin: 0px; padding: 5px 8px 8px; background: rgb(198, 198, 198) none repeat; position: relative; font-size: small; line-height: 150%; } #contentsNavigationArea ul { margin: 0px; padding: 0px; list-style-type: none; } #contentsNavigationArea ul li { margin: 0px; padding: 0px; display: inline; background-image: none; } #nextBackNavigation { margin: 0px; padding: 0px 0px 3px; width: 533px; } #nextBackNavigation div.leftColumn { width: 107px; float: left; } #nextBackNavigation div.centerColumn { width: 319px; float: left; text-align: center; } #nextBackNavigation div.rightColumn { width: 107px; float: left; } #nextBackNavigation div.leftColumn ul.link { margin: 0px; padding: 0px; font-size: x-small; } #nextBackNavigation div.leftColumn ul.link li { margin: 1px 0px 0px; padding: 0px; text-indent: 0px; } #nextBackNavigation div.leftColumn ul.link li a { padding: 0px 0px 0px 7px; background: transparent url('arrow_back.gif') no-repeat scroll 0px 3px; } #nextBackNavigation div.leftColumn ul.link li.dead { padding: 0px 0px 0px 7px; background: transparent url('arrow_back.gif') no-repeat scroll 0px 5px; color: rgb(153, 153, 153); text-indent: 0px; } #nextBackNavigation div.rightColumn ul.link { margin: 0px; padding: 0px; } #nextBackNavigation div.rightColumn ul.link li { margin: 1px 0px 0px; padding: 0px; text-align: right; font-size: x-small; } #nextBackNavigation div.rightColumn ul.link li a { padding: 0px 7px 0px 0px; background: transparent url('arrow_02.gif') no-repeat scroll right center; } #nextBackNavigation div.rightColumn ul.link li.dead { padding: 0px 7px 0px 0px; background: transparent url('arrow_02.gif') no-repeat scroll right center; color: rgb(153, 153, 153); text-indent: 0px; } #contentsArea #nextBackNavigation p { margin: 0px; padding: 0px; line-height: 100%; font-size: x-small; text-align: center; } #nextBackNavigation p a:link { color: rgb(0, 0, 0); text-decoration: underline; } #nextBackNavigation p a:visited { color: rgb(136, 12, 45); text-decoration: underline; } #nextBackNavigation p a:hover { color: rgb(255, 0, 0); text-decoration: underline; } #nextBackNavigation p a:active { color: rgb(250, 45, 100); text-decoration: underline; } /* ::::: http://www.taiyooil.net/shared/css/layout.css ::::: */ .clear { clear: both; } #threeColumnsEqually { width: 540px; } #threeColumnsEqually div.leftColumn { width: 173px; float: left; } #threeColumnsEqually div.wrapper { width: 357px; float: right; } #threeColumnsEqually div.centerColumn { margin: 0px 10px; padding: 0px; width: 173px; float: left; } #threeColumnsEqually div.rightColumn { width: 173px; float: right; } #twoColumns { width: 100%; } #twoColumns div.leftColumn { width: 50%; float: left; } #twoColumns div.rightColumn { width: 50%; float: right; } #twoColumnsType1 { margin: 0px; width: 513px; } #twoColumnsType1 div.leftColumn { width: 249px; float: left; } #twoColumnsType1 div.rightColumn { width: 249px; float: right; } #twoColumnsType2 { margin: 0px; width: 513px; } #twoColumnsType2 div.leftColumn { width: 180px; float: left; } #twoColumnsType2 div.rightColumn { width: 318px; float: right; } #twoColumnsType3 { margin: 0px; width: 513px; } #twoColumnsType3 div.leftColumn { width: 318px; float: left; } #twoColumnsType3 div.rightColumn { width: 180px; float: right; } /* ::::: http://www.taiyooil.net/shared/css/elements.css ::::: */ #pageTitleArea { margin: 0px 0px 20px; padding: 3px 0px 9px; background: transparent url('title_bg_bottom.gif') repeat-x scroll left bottom; } #pageTitleArea h2 { margin: 15px 0px 0px; padding: 0px; background: transparent none repeat; line-height: 1; font-size: x-large; color: rgb(45, 45, 45); } #pageTitleArea p { margin: 0px 0px 5px ! important; padding: 0px; line-height: 1; font-size: x-small; font-weight: bold; color: rgb(153, 153, 153); } #pageTitleArea h2.subTitle { margin: 0px; padding: 0px; background: transparent none repeat; line-height: 1; font-size: x-large; color: rgb(45, 45, 45); } .contentsDefaultGrid2 #contentsArea #h2 { margin: 25px 0px 15px; padding: 0px; background: transparent url('h2_bg_bottom.gif') no-repeat scroll left bottom; } .contentsDefaultGrid2 #contentsArea #h2 h2 { margin: 0px; padding: 10px 20px; background: transparent url('h2_bg_top.gif') no-repeat scroll left top; font-size: 110%; line-height: 1; color: rgb(0, 0, 0); } .contentsFullGrid #contentsArea #h2 { margin: 25px 0px 15px; padding: 0px; background: transparent url('h2_bg_bottom_ful.gif') no-repeat scroll left bottom; } .contentsFullGrid #contentsArea #h2 h2 { margin: 0px; padding: 10px 20px; background: transparent url('h2_bg_top_ful.gif') no-repeat scroll left top; font-size: 110%; line-height: 1; color: rgb(0, 0, 0); } #contentsArea h3 { margin: 25px 0px 10px; padding: 6px 12px 4px; background: transparent url('h3_bg.gif') no-repeat scroll left center; font-size: 110%; color: rgb(0, 0, 0); } #contentsArea h4 { margin: 0px; padding: 5px 0px 3px; font-size: 110%; line-height: 1; font-weight: bold; color: rgb(0, 0, 0); } #contentsArea p { margin: 0px 0px 15px; padding: 0px; text-align: justify; } #contentsArea .strongText { font-weight: bold; color: rgb(255, 0, 0); } #contentsArea .left { text-align: left; } #contentsArea .center { text-align: center; } #contentsArea .right { text-align: right; } #contentsArea ul { margin: 0px 0px 15px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; } #contentsArea ul li { margin: 0px 0px 5px; padding: 2px 0px 2px 13px; background: transparent url('bullet_middle.gif') no-repeat scroll 2px 8px; line-height: 133%; } #contentsArea ul li.smallBullet { margin: 0px 0px 5px; padding: 2px 0px 2px 13px; background: transparent url('bullet_small.gif') no-repeat scroll 4px 9px; line-height: 133%; } #contentsArea ol { margin: 0px 0px 15px; padding: 0px 0px 0px 23px; } #contentsArea ol li { margin: 0px 0px 5px; padding: 2px 0px; line-height: 133%; } #contentsArea ul.link { margin: 0px 0px 15px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; } #contentsArea ul.link li { margin: 0px 0px 4px; padding: 2px 0px 3px; background: transparent none repeat; } #contentsArea ul.link a { margin: 0px; padding: 0px 0px 0px 15px; background: transparent url('arrow_01.gif') no-repeat scroll 0px 2px; } * html #contentsArea ul.link a { background: transparent url('arrow_01.gif') no-repeat scroll 0px 2px; } #contentsArea ul.link li { padding-left: 15px; text-indent: -15px; } #contentsArea ul.anchorLink { margin: 0px 0px 15px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; } #contentsArea ul.anchorLink li { margin: 0px 0px 4px; padding: 2px 0px 3px; background: transparent none repeat; } #contentsArea ul.anchorLink a { margin: 0px; padding: 0px 0px 0px 15px; background: transparent url('arrow_04.gif') no-repeat scroll 0px 2px; } * html #contentsArea ul.anchorLink a { background: transparent url('arrow_04.gif') no-repeat scroll 0px 2px; } #contentsArea ul.anchorLink li { padding-left: 15px; text-indent: -15px; } #contentsArea ul.secondLink { margin: 0px 0px 15px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; } #contentsArea ul.secondLink li { margin: 0px 0px 4px; padding: 2px 0px 3px; background-image: none; } #contentsArea ul.secondLink a { margin: 0px; padding: 0px 0px 0px 15px; background: transparent url('arrow_02.gif') no-repeat scroll 7px 5px; } #contentsArea ul.secondLink li { padding-left: 15px; text-indent: -15px; } img { border: medium none ; } #contentsArea .image { margin: 0px 0px 15px; padding: 5px 0px; } #contentsArea .caption { margin: -11px 0px 19px; padding: 0px; font-size: x-small; font-weight: bold; line-height: 1; color: rgb(153, 153, 153); } #contentsArea ul.attention { margin: 0px 0px 15px; padding: 0px; list-style-type: none; list-style-image: none; list-style-position: outside; font-size: x-small; } #contentsArea ul.attention li { margin: 0px; padding: 3px 0px 3px 1em; background: transparent none repeat; color: rgb(137, 137, 137); text-indent: -1em; } #contentsArea ul.attention li.strong { margin: 0px; padding: 3px 0pt 3px 1em; background: transparent none repeat; color: rgb(204, 0, 0); text-indent: -1em; } #contentsArea table { font-size: small; line-height: 125%; } #contentsArea .generalTable { margin: 0px 0px 15px; padding: 5px 0px; } #contentsArea .generalTable table { border: 4px solid rgb(216, 216, 216); margin: 0px; padding: 0px; border-collapse: collapse; width: 100%; } #contentsArea .generalTable table td.th1 { border-style: solid; border-color: rgb(216, 216, 216); border-width: 0px 1px 1px 0px; padding: 8px 10px; background: rgb(255, 0, 0) none repeat; font-weight: bold; color: rgb(255, 255, 255); } #contentsArea .generalTable table td.th2 { border-style: solid; border-color: rgb(216, 216, 216); border-width: 0px 1px 1px 0px; padding: 8px 10px; background: rgb(140, 140, 140) none repeat; font-weight: bold; color: rgb(255, 255, 255); } #contentsArea .generalTable table td.th3 { border-style: solid; border-color: rgb(216, 216, 216); border-width: 0px 1px 1px 0px; padding: 8px 10px; background: rgb(240, 240, 240) none repeat; font-weight: bold; color: rgb(51, 51, 51); } #contentsArea .generalTable table td.color { background: rgb(240, 240, 240) none repeat; } #contentsArea .generalTable table td { border-style: solid; border-color: rgb(216, 216, 216); border-width: 0px 1px 1px 0px; padding: 8px 10px; background: rgb(255, 255, 255) none repeat; color: rgb(85, 85, 85); } #contentsArea sup { margin: 0px; padding: 0px; font-size: 80%; line-height: normal; } hr { display: none; } .hr { margin: 0px 0px 5px; padding: 5px 0px; background: transparent url('hr.gif') repeat-x scroll 0px 5px; height: 1px; } #contentsArea .competeMargin { margin-top: 92px; } body .changeMargin0 { margin: 0px ! important; } body .changeMarginTop0 { margin-top: 0px ! important; } body .changeMarginBottom0 { margin-bottom: 0px ! important; } /* ::::: http://www.taiyooil.net/shared/css/form.css ::::: */ form { margin: 0px; padding: 0px; } input { font-size: 12px; } .i20a { width: 30px; } .i20d { width: 30px; } .i25a { width: 35px; } .i25d { width: 35px; } .i30a { width: 40px; } .i30d { width: 40px; } .i60a { width: 60px; } .i60d { width: 60px; } .i80a { width: 80px; } .i80d { width: 80px; } .i154a { width: 154px; } .i154d { width: 154px; } .i160a { width: 160px; } .i160d { width: 160px; } .i240a { width: 240px; } .i240d { width: 240px; } .i300a { width: 300px; } .i360a { width: 360px; } .i360d { width: 360px; } .i500a { width: 500px; } .i500d { width: 500px; } .radioFieldSpacerSet { margin: 0px 0px 3px; } .fieldNameSpacerLarge { padding: 5px 9px 0px 0px; float: left; } .fieldNameSpacerSmall { padding: 5px 4px 0px 0px; float: left; } .fieldNameSpacer0 { padding: 5px 0px 0px; float: left; } .fieldSpacerLarge { padding: 0px 9px 0px 0px; float: left; } .fieldSpacerSmall { padding: 0px 4px 0px 0px; float: left; } .fieldBottomSpacer { padding: 0px 4px 9px 0px; float: left; } .fieldBottomSpacerLarge { padding: 0px 9px 9px 0px; float: left; } .fieldSpacer0 { padding: 0px; float: left; } #generalInputFormTable, #generalConfirmFormTable { margin: 0px 0px 12px; padding: 5px 0px; } #generalInputFormTable table, #generalConfirmFormTable table { border-top: 1px solid rgb(216, 216, 216); border-bottom: 1px solid rgb(216, 216, 216); margin: 0px; padding: 0px; width: 100%; line-height: 1; } #generalInputFormTable table td.th1, #generalConfirmFormTable table td.th1 { border-style: solid; border-color: rgb(221, 221, 221); border-width: 0px 1px 1px 0px; padding: 6px 10px; background: rgb(85, 85, 85) none repeat; font-weight: bold; color: rgb(255, 255, 255); } #generalInputFormTable table td.th2, #generalConfirmFormTable table td.th2 { border-top: 1px solid rgb(255, 255, 255); border-left: medium none; border-bottom: 1px solid rgb(216, 216, 216); padding: 0px; background: rgb(226, 226, 226) url('formtable_th2_bg.gif') no-repeat scroll left bottom; font-weight: bold; color: rgb(51, 51, 51); vertical-align: top; } #generalInputFormTable table td.th2 span, #generalConfirmFormTable table td.th2 span { padding: 13px 21px; background: transparent url('formtable_th2_bg_top.gif') no-repeat scroll left top; display: block; } #generalInputFormTable table td.th3, #generalConfirmFormTable table td.th3 { border-top: 1px solid rgb(255, 255, 255); border-left: medium none; border-bottom: 1px solid rgb(216, 216, 216); padding: 13px 11px; background: rgb(234, 234, 234) url('formtable_th3_bg.gif') no-repeat scroll left bottom; font-weight: bold; color: rgb(51, 51, 51); } #generalInputFormTable table td.color, #generalConfirmFormTable table td.color { background: rgb(240, 240, 240) none repeat; } #generalInputFormTable table td, #generalConfirmFormTable table td { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(216, 216, 216); padding: 8px 12px; background: rgb(245, 245, 245) url('formtable_td_bg.gif') no-repeat scroll left bottom; } #generalInputFormTable table td.borderWhite, #generalConfirmFormTable table td.borderWhite { border-top: 1px solid rgb(255, 255, 255); border-bottom: 1px solid rgb(216, 216, 216); padding: 8px 12px; background: rgb(245, 245, 245) url('formtable_td_whiteborder_bg.gif') no-repeat scroll left bottom; } #generalInputFormTable table td.button, #generalConfirmFormTable table td.button { border-top: 1px solid rgb(255, 255, 255); border-left: medium none; border-bottom: 1px solid rgb(255, 255, 255); padding: 5px 10px; background: rgb(204, 204, 204) none repeat; font-weight: bold; color: rgb(255, 255, 255); } #generalInputFormTable .strongButton, #generalConfirmFormTable .strongButton { margin: 0px 0px 0px 5px; padding: 2px; background: rgb(254, 0, 9) none repeat; float: left; } #generalInputFormTable .defaultButton, #generalConfirmFormTable .defaultButton { margin: 0px 0px 0px 2px; padding: 2px; float: left; } img.necessaryIcon { vertical-align: middle; } .errorIcon { padding: 5px 5px 0px 0px; float: left; } #errorBox { margin: -4px 0px; } #errorBox .boxBody { padding: 0px 10px; background: rgb(255, 229, 229) none repeat; } #errorBox .boxBody .boxBodyTopSpacer { margin: 0px 0px 12px; padding: 0px; } #errorBox .boxBody .boxBodyBottomSpacer { margin: 13px 0px 0px; padding: 0px; } #contentsArea ul.error li { margin: 0px 0px 3px; padding: 1px 0px 2px 16px; background: transparent url('icon_error.gif') no-repeat scroll 0px 4px; font-weight: bold; color: rgb(237, 1, 1); } #generalInputFormTable table td.errorBackgroundColor { background: rgb(255, 238, 238) none repeat; } #searchtermsAera #twoColumns { width: 100%; } #searchtermsAera #twoColumns div.leftColumn { width: 13%; float: left; } #searchtermsAera #twoColumns div.rightColumn { width: 87%; float: right; } /* ::::: http://www.taiyooil.net/shared/css/footer.css ::::: */ #footerArea { border-right: 1px solid rgb(227, 227, 227); margin: 0px; padding: 0px; background: rgb(255, 255, 255) url('footer_bg.gif') repeat; width: 759px; height: 32px; position: relative; } #footerArea ul.link { margin: 0px; padding: 0px; position: absolute; top: 9px; right: 21px; line-height: 1; list-style-type: none; } #footerArea ul.link li { margin: 0px; padding: 0px; float: left; } #footerArea ul.link li#nav001 { width: 93px; height: 11px; } #footerArea ul.link li#nav002 { width: 109px; height: 11px; } #footerArea ul.link li#nav003 { width: 64px; height: 11px; } #footerArea ul.link li#nav004 { width: 40px; height: 11px; } #footerArea ul.link li a { margin: 0px; padding: 0px; display: block; font-size: 1px; text-indent: -10000px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; } #footerArea ul.link li#nav001 a { width: 93px; height: 11px; background-image: url('ft_btn_001.gif'); } #footerArea ul.link li#nav002 a { width: 109px; height: 11px; background-image: url('ft_btn_002.gif'); } #footerArea ul.link li#nav003 a { width: 64px; height: 11px; background-image: url('ft_btn_003.gif'); } #footerArea ul.link li#nav004 a { width: 40px; height: 11px; background-image: url('ft_btn_004.gif'); } #footerArea ul.link li a:hover { background-position: 0px -11px; text-decoration: none; } .copyright { margin: 0px; padding: 0px; background: rgb(255, 255, 255) url('footer_copyright.gif') repeat; width: 284px; height: 9px; position: absolute; top: 11px; left: 21px; display: block; font-size: 1px; text-indent: -10000px; line-height: 1; color: rgb(255, 255, 255); text-align: center; text-decoration: none; } #footerGlobalNavigationArea { margin: 0px; padding: 0px; width: 759px; height: 33px; position: relative; } #footerGlobalNavigationArea ul.link { margin: 0px; padding: 0px; position: absolute; top: 12px; left: 21px; line-height: 1; list-style-type: none; } #footerGlobalNavigationArea ul.link li { margin: 0px 15px 0px 0px; padding: 0px; float: left; } #footerGlobalNavigationArea ul.link li#nav001 { width: 59px; height: 12px; } #footerGlobalNavigationArea ul.link li#nav002 { width: 79px; height: 12px; } #footerGlobalNavigationArea ul.link li#nav003 { width: 66px; height: 12px; } #footerGlobalNavigationArea ul.link li#nav004 { width: 41px; height: 12px; } #footerGlobalNavigationArea ul.link li#nav005 { width: 62px; height: 12px; } #footerGlobalNavigationArea ul.link li a { margin: 0px; padding: 0px; background: rgb(255, 255, 255) none repeat; display: block; font-size: 1px; text-indent: -10000px; color: rgb(238, 238, 238); text-align: center; text-decoration: none; } #footerGlobalNavigationArea ul.link li#nav001 a { width: 59px; height: 12px; background-image: url('ftgn_btn_001.gif'); } #footerGlobalNavigationArea ul.link li#nav002 a { width: 79px; height: 12px; background-image: url('ftgn_btn_002.gif'); } #footerGlobalNavigationArea ul.link li#nav003 a { width: 66px; height: 12px; background-image: url('ftgn_btn_003.gif'); } #footerGlobalNavigationArea ul.link li#nav004 a { width: 41px; height: 12px; background-image: url('ftgn_btn_004.gif'); } #footerGlobalNavigationArea ul.link li#nav005 a { width: 62px; height: 11px; background-image: url('ftgn_btn_005.gif'); } #category1 #footerGlobalNavigationArea ul.link li#nav002 a { background-position: 0px -15px; } #category2 #footerGlobalNavigationArea ul.link li#nav003 a { background-position: 0px -15px; } #category3 #footerGlobalNavigationArea ul.link li#nav004 a { background-position: 0px -15px; } #category4 #footerGlobalNavigationArea ul.link li#nav005 a { background-position: 0px -15px; } #footerGlobalNavigationArea ul.link li a:hover { background-position: 0px -15px; text-decoration: none; } /* ::::: http://www.taiyooil.net/product/corona/css/local.css ::::: */ /* キービジュアルエリア背景 */ #keyVisualArea { margin: 10px 0px 0px; padding: 0px 10px; background: rgb() url('ba_bg.gif') none repeat; width: 737px; height: 400px; position: relative; } #keyVisualArea h1 { margin: 0px; padding: 0px; background: transparent url('keyvisual.jpg') repeat; width: 737px; height: 400px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(170, 212, 246); } #contentsArea { text-align: center; } /* アレ */ #contentsArea h2 { margin: 0px auto 25px; padding: 0px; background: transparent url('h2_bg.jpg') no-repeat; width: 606px; height: 497px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(255, 255, 255); } #contentsArea #threeColumns { margin: 0px auto 33px; padding: 0px; width: 646px; } #contentsArea #threeColumns div.leftColumn { border-right: 1px solid rgb(216, 216, 216); padding: 0px 29px 0px 0px; width: 176px; float: left; text-align: center; } * html #contentsArea #threeColumns div.leftColumn { text-align: left; } #contentsArea #threeColumns div.centerColumn { border-right: 1px solid rgb(216, 216, 216); padding: 0px 29px; width: 176px; text-align: center; float: left; } * html #contentsArea #threeColumns div.centerColumn { text-align: left; } #contentsArea #threeColumns div.rightColumn { padding: 0px 0px 0px 29px; width: 176px; float: left; text-align: center; } * html #contentsArea #threeColumns div.rightColumn { text-align: left; } #contentsArea #threeColumns div.leftColumn h3 { margin: 21px auto 22px; padding: 0px; background: transparent url('h3_bg_01.gif') repeat; width: 176px; height: 67px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(255, 255, 255); } #contentsArea #threeColumns div.centerColumn h3 { margin: 21px auto 22px; padding: 0px; background: transparent url('h3_bg_02.gif') repeat; width: 119px; height: 69px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(255, 255, 255); } #contentsArea #threeColumns div.rightColumn h3 { margin: 21px auto 22px; padding: 0px; background: transparent url('h3_bg_03.gif') repeat; width: 102px; height: 69px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(255, 255, 255); } #contentsArea #threeColumns p { font-size: x-small; color: rgb(85, 85, 85); line-height: 210%; } #contentsArea #threeColumns div.centerColumn p, #contentsArea #threeColumns div.rightColumn p { letter-spacing: 0.1em; } * html #contentsArea #threeColumns div.centerColumn p, #contentsArea #threeColumns div.rightColumn p { letter-spacing: normal; } #stationSearchButton { margin: 0px auto 24px; padding: 0px; background: transparent url('ssb_bg.gif') repeat-x scroll center top; width: 646px; height: 108px; position: relative; } #stationSearchButton p { margin: 0px; padding: 0px; background: transparent url('ssb_p.gif') repeat; width: 365px; height: 59px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; color: rgb(255, 255, 255); line-height: 1; position: absolute; top: 25px; left: 20px; } #stationSearchButton ul.link { margin: 0px; padding: 0px; position: absolute; top: 45px; left: 473px; } #stationSearchButton ul.link li { margin: 0px; padding: 0px; width: 196px; height: 29px; list-style-type: none; list-style-image: none; list-style-position: outside; } #stationSearchButton ul.link li a { margin: 0px; padding: 0px; background: transparent url('ssb_btn.gif') no-repeat scroll center top; width: 196px; height: 29px; display: block; font-size: 1px; text-indent: -10000px; text-align: center; line-height: 1; text-decoration: none; color: rgb(255, 255, 255); }