@charset "utf-8"; /* CSS Document */ /* ------------------------------------------------------------ */ /* 基本指定 */ /* ------------------------------------------------------------ */ html{ filter: expression(document.execCommand("BackgroundImageCache", false, true));/* これで一瞬砂時計が出るのを回避(IE Only) */ } ul, li{ list-style:none; margin:0; padding:0; } p{ margin:0 0 1em 0; padding:0; } body{ margin:0; padding:0; line-height:1.6; color:#333; } h1,h2,h3,h4,h5,h6{ margin:0; padding:0; } /* ------------------------------------------------------------ */ /* リンク色指定 */ /* ------------------------------------------------------------ */ a{ color: #000; text-decoration: underline;} a:visit{ color: #60BF7C; text-decoration: underline;} a:hover{ color: #60BF7C; text-decoration: underline;} a:active{ color: #60BF7C; text-decoration: underline;} /* ------------------------------------------------------------ */ /* コンテナ */ /* ------------------------------------------------------------ */ #container{ width:818px; margin:0px auto; padding:0px; background:url(img/body_bg.jpg) center top repeat-y; } /* ------------------------------------------------------------ */ /* ヘッダ */ /* ------------------------------------------------------------ */ #head{ width:800px; height:68px; margin:0px auto; border-top:4px solid #60BF7C; } #head #utility{ float:right; margin-top:7px; font-size:12px; text-align:right; } #head #utility li{ float:left; font-size:12px; margin-right:10px; padding-left:20px; background:url(img/point_link.gif) #FFFFFF left center no-repeat; } #head #ci{ float:left; } #head #ci h1{ margin-top:20px; font-size:27px; font-family:Geneva, Arial, Helvetica, sans-serif,"MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; text-decoration:none; color:#555; padding:0 0 0 20px; } #head a img{ border:none; } /* ------------------------------------------------------------ */ /* メインメニュー */ /* ------------------------------------------------------------ */ #mainmenu{ width:800px; height:38px; margin:0px auto 15px auto; background:url(img/mainmenu_bg.jpg) #FFFFFF left top repeat-x; } #mainmenu ul{ width:800px; height:38px; margin:0 auto; } #mainmenu li{ float:left; text-align:center; font-size:12px; background:url(img/mainmenu_bd.jpg) right top no-repeat; } #mainmenu li a{ display:block; width:155px; height:26px; padding-top:12px; color:#333; text-decoration:none; } #mainmenu li a:hover{ color:#777; text-decoration:underline; } /* ------------------------------------------------------------ */ /* メイン */ /* ------------------------------------------------------------ */ #main{ width:800px; margin:0px auto 40px auto; font-size:12px; } #main a img{ border:none; } #main a:hover img{ opacity : 0.7; filter : alpha(opacity=70); } /* ------------------------------------------------------------ */ /* VI */ /* ------------------------------------------------------------ */ #vi{ width:800px; height:250px; background:url(img/BONDS_ORIG_F/IMG_6864_H_GRAD.jpg) center no-repeat; margin:0px auto 15px auto; } #vi2{ width:781px; height:81px; background:url(img/vi2.jpg) center no-repeat; margin:0px auto 15px auto; } #vi h2{ font-size:18px; padding:75px 0 10px 40px; } #vi2 h2{ font-size:18px; padding:25px 0 10px 30px; } #vi .bodycopy{ width:390px; font-size:12px; padding:0 0 0 40px; } /* ------------------------------------------------------------ */ /* サイドバー */ /* ------------------------------------------------------------ */ #sidebar{ float:right; width:185px; padding:0 10px 0 0; } #sidebar .inquiry{ border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; margin:0 0 20px 0; padding:9px; } #sidebar .no{ text-align:center; font-size:18px; color:#990000; font-weight:bold; font-family: Arial, Helvetica, sans-serif,'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", sans-serif; } #sidebar p{ margin:0 0 10px 0; } #sidebar h2{ width:150px; height:27px; background:url(img/side_title_bg.jpg) top center no-repeat; font-size:100%; padding:8px 0 0 35px; } /* ------------------------------------------------------------ */ /* コンテンツ */ /* ------------------------------------------------------------ */ #content{ float:left; width:570px; margin:0 0 0 10px; _margin:0 0 0 5px; } #content h2{ width:570px; background:url(img/content_h2_bg.jpg) #F6F6F6 left top no-repeat; height:55px; line-height:55px; color:#333; font-size:16px; padding-left:15px; margin:0 0 15px 0; } #content h3{ width:545px; height:39px; font-size:13px; line-height:35px; padding:0px 0 0 35px; margin:0 0 10px 0; background:url(img/content_h3_bg.jpg) left top no-repeat; } #content.home h3{ width:545px; background:url(img/content_h3_bg.jpg) left top no-repeat; height:39px; line-height:35px; color:#333; font-size:13px; padding:0 0 0 35px; margin:0 0 10px 0; border:none; } #content h4{ font-size:12px; padding:0 0 0 7px; margin:0 0 5px 0; border-left:solid #60BF7C 4px; } #content table{ margin:0 0 10px 0; } .section td{ border-bottom:dotted 1px #CCC; padding:7px; } .section table img{ padding:1px !important; border:1px solid #CCCCCC !important; } #content th{ text-align:left; width:100px; border-bottom:dotted 1px #CCC; padding:7px; background:#eee; } #content .oneday th{ text-align:left; width:150px; background-color:#EEE; border-bottom:dotted 1px #CCC; padding:7px; } #content .section{ margin:0 0 10px 0; } /* ------------------------------------------------------------ */ /* フッター */ /* ------------------------------------------------------------ */ #footer{ width:800px; height:51px; background:url(img/footer_bg.jpg) #FFF left top repeat-x; padding-top:7px; font-size:10px; text-align:center; color:#333; margin:0 auto; font-family: Arial, Helvetica, sans-serif,'Verdana',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "MS Pゴシック", sans-serif; } /* ------------------------------------------------------------ */ /* Clearfix */ /* ------------------------------------------------------------ */ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: 1%; display:block; overflow: hidden; /**/ }