@charset &quot;utf-8&quot;; /* CSS Document */ /* ■■■■■■■■目次■■■■■■■■ ・見出し・リンク・ベース・ヘッダー・ナビゲーション・パンくずリスト・フラッシュ・メインメニュー・サブメニューエリア・トップページ・信用保証のメリット・保証制度の種類・個人情報保護・信用保証料について・お知らせ一覧・お問い合わせ・サイトマップ・フッター・etc ・clerafix */ body { margin:0px; padding:0px; font-size:small; color:#333333; line-height:1.3em; } img { border:0px; vertical-arign:middle; } p { clear:both; margin-top:10px; margin-bottom:10px; } ol { margin-bottom:5px; margin-top:5px; } /*************************************************** 見出し ***************************************************/ h1.topTitle { padding:9px 0px 0px 15px; margin:0px; font-size:16px; font-weight:bold; height:36px; color:#ffffff; background:url(assets/images/bar_title2.jpg) no-repeat; width:530px; } #baseMiddleSub h1, #baseMiddleWide h1 { padding:10px 0px 0px 15px; margin:0px 0px 0px 5px; font-size:1.3em; font-weight:bold; height:29px; color:#ffffff; background:url(assets/images/bar_title.jpg) no-repeat; } h2, h3, .floatLeft h3, .floatRight h3 { color:#1079D8; border-bottom:#C9EFFE solid 6px; display:block; padding:30px 0px 5px 0px; } h2 { width:681px; margin:0px 0px 0px 65px; font-size:1.0em; } h3 { width:760px; margin:0px 0px 10px 0px; font-size:1.1em; } .floatLeft h3, .floatRight h3 { margin:0px 0px 10px 55px; width:310px; font-size:1.1em; } #mainArea h3{ margin:10px 0px 15px 0px; width:545px; font-size:1.1em; color:#1079D8; border-bottom:#C9EFFE solid 6px; display:block; padding:0px 0px 3px 0px; } h4 { font-weight:bold; font-size:1.0em; color:#444444; margin:10px 0px 10px 0px; background:#eeeeee; } h5 { font-weight:bold; font-size:1.1em; color:#1079D8; margin:10px 0px 0px 0px; } /*************************************************** リンク ***************************************************/ a, a:link, a:visited { color:#0066FF; text-decoration:none; } a:hover, a:active { color:#00CCFF; text-decoration:underline; } #footerNav a, #footerNav a:link, #footerNai a:visited { color:#ffffff; text-decoration:none; } #footerNav a:hover, #footerNav a:active { color:#FFFF59; text-decoration:underline; } /*************************************************** ベース ***************************************************/ /*ヘッダー背景*/ #baseTop { width:100%; background:url(assets/images/basetop.jpg) repeat-x; height:95px; padding:0px; margin:0px; } /*メインメニュー背景*/ #baseBlue { background: url(assets/images/bar_baseblue.jpg) repeat-x; height:34px; margin:0px; width:100%; clear:both; padding:0px; } #baseBlue2 { height:30px; width:780px; margin:0px auto 0px auto; padding:2px 0px 2px 0px; border-right:#cccccc 1px solid; text-align:center; } #bgGradation { background:url(assets/images/bg_gradation.jpg) repeat; width:100%; height:100%; } /*メインコンテンツ背景*/ #baseMiddleWide { width:790px; margin:0px auto 0px auto; text-align:left; background:url(assets/images/bg_bar.jpg) repeat-y; } #baseMiddleSub { width:790px; height:100%; margin:0px auto 0px auto; text-align:left; background:url(assets/images/bg_subbar.jpg) repeat-y; } /*フッター背景*/ #baseBottom { width:100%; background:url(assets/images/basebottom.jpg) repeat-x; height:23px; margin:0px; clear:both; } /*************************************************** ヘッダー ***************************************************/ #header { width:780px; text-align:right; padding:30px 0px 0px 0px; margin:0px auto 0px auto; height:65px; } #header form { margin:0px; } #search { float:right; margin:0px; padding:0px; text-align:right; width:452px; } .text{ width:100px; vertical-align:top; margin:0px; } .submit { background-color:#117FE1; border:#117FE1 solid 1px; color:#FFFFFF; padding:1px 3px; vertical-align:top; margin:0px 0px 5px 0px; } #ajaxSearch_submit { background-color:#117FE1; border:#117FE1 solid 1px; color:#FFFFFF; padding:1px 3px; vertical-align:top; margin:0px 0px 5px 0px; } /*************************************************** ナビゲーション ***************************************************/ #nav { width:779px; padding:0px; margin:0px; height:31px; } #footerNav { width:758px; height:4.5em; margin:10px 1px 0px 6px; padding:1px 10px 5px 10px; clear:both; background:#145692; } #nav a, #nav ul, #nav li, #footerNav a, #footerNav ul { display:block; padding:0px; margin:0px; } #footerNav ul { clear:both; } #nav li, #footerNav li { float:left; list-style:none; } #footerNav li { display:block; padding-left:5px; padding-right:5px; margin:5px 0px 0px 0px; border-left:solid 1px #ffffff; white-space:nowrap; } /******************************************************* パンくずリスト ********************************************************/ #breadCrumbs { width:760px; height:auto; text-align:left; margin:0px 0px 0px 5px; padding:8px 5px 8px 5px; border-left:#999999 5px solid; border-right:#999999 5px solid; background:#ffffff; } /*************************************************** フラッシュ ***************************************************/ #flash { margin:0px auto 5px auto; width:760px; height:204px; text-align:center; padding-top:5px; } /*************************************************** メインエリア ***************************************************/ #mainArea { width:540px; height:100%; float:left; margin:0px 0px 20px 1px; padding:0px 0px 0px 20px; } #mainAreaTop { width:530px; float:left; margin:0px 15px 10px 0px; padding:0px 0px 0px 15px; } #mainAreaTop p img { width:530px; margin:0px; padding:0px; } #mainAreaWide { width:760px; margin:0px auto 30px auto; padding:0px; } ul.blueIcon { margin:10px 0px 10px 8px; padding:0px 0px 0px 8px; } .blueIcon li { list-style:url(assets/images/dot.gif); line-height:1.2em; } /*************************************************** サブメニューエリア ***************************************************/ #subMenuArea { width:200px; float:right; height:auto; margin:0px 0px 20px 0px; padding:0px 6px 0px 0px; } #subMenuAreaTop { width:215px; float:right; height:auto; margin:0px 0px 10px 0px; padding:0px 15px 0px 0px; } .subMenu ul, .topMenu ul { margin:0px; padding:0px; } .subMenu { width:200px; margin:0px; padding:0px; color:#0099FF; } .subMenu li, .subMenu li:hover { margin:0px 0px 1px 0px; padding:8px 10px 8px 7px; display:block; height:auto; width:183px; } .subMenu li { background:url(assets/images/submenu_back2.jpg) repeat-y; } .subMenu li:hover { background:url(assets/images/submenu_back.jpg) repeat-y; } .subMenu a, .subMenu a:link, .subMenu a:active, .subMenu a:visited { background:url(assets/images/dot.gif) no-repeat left 0.2em; padding:0px 0px 0px 10px; display:block; color:#0066FF; text-decoration:none; } .topMenu li { margin:0px; padding:0px; list-style:none; display:block; height:46px; vertical-align:bottom; }/*topMenuAddition*/.topMenuAddition ul { margin:0px; padding:0px;}/*topsubMenu*/.topsubMenu ul { margin:0px; padding:0px;}.topsubMenu { width:215px;<br />
&nbsp;margin:0px; padding:0px; color:#0099FF;}.topsubMenu li,.topsubMenu li:hover { margin:0px 0px 1px 0px; padding:8px 10px 8px 7px; display:block; height:auto; width:195px;}.topsubMenu li { /*background:url(assets/images/submenu_back2.jpg) repeat-y;*/ background-color:#FFFFFF; border-bottom:dotted 1px #CCCCCC; border-left:solid 3px #0066FF;}.topsubMenu li:hover { /*background:url(assets/images/submenu_back1.jpg) repeat-y;*/ background-color:#CCCCCC;}.topsubMenu a,.topsubMenu a:link,.topsubMenu a:active,.topsubMenu a:visited { background:transparent url(assets/images/dot.gif) no-repeat scroll left 0.2em; padding:0px 0px 0px 10px;<br />
&nbsp;color:#0066FF; display:block; width:185px;} /*************************************************** トップページ ***************************************************/ /*お知らせテーブル*/ .infoTable{ width:523px; margin:0px 0px 10px 3px; } .infoTable th { background:url(assets/images/dot.gif) 0.5em 0.5em no-repeat; white-space:nowrap; vertical-align:top; padding:4px 0px 4px 1.5em; text-align:left; border-bottom:1px dashed #BBBBBB; } .infoTable td { vertical-align:top; line-height:1.2em; padding:4px 0px 4px 0.5em; text-align:left; border-bottom:1px dashed #BBBBBB; } .infoTable td img{ vertical-align:bottom; } /* #infomation th.bgBlue, #infomation td.bgBlue { background-color:#E1F0FB; } */ #adobePlyer { width:203px; border:1px #CCCCCC solid; display:block; margin:5px 0px; padding:5px; float:right; text-align:center; } #adobePlyer p{ text-align:left; padding:0px; margin:0px; } /*信用保証協会とは*/ #whatCgcBox { margin:10px 0px 0px 0px; padding:0px; width:530px; } #whatCgcTop, #whatCgcBottom { margin:0px 0px 0px 0px; padding:0px; width:530px; } #whatCgcTop{ height:68px; background:url() no-repeat; } #whatCgcMiddle{ width:500px; height:auto; margin:0px; padding:0px 15px; background:url(assets/images/whatcgc_middle.jpg) repeat-y; } #whatCgcBottom{ height:51px; background:url() no-repeat; margin:0px; padding:0px; } #whatCgcMiddle p { width:500px; margin:0px; padding:0px 0px 10px 0px; line-height:1.2em; } /*トップサブメニューimg切り替え*/ .topMenu li,.topMenuAddition li { margin:0px; padding:0px; list-style:none; display:block; height:46px; vertical-align:bottom; } .topMenu .topmenu1 a{ width:215px; background:url(assets/images/pub.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; padding:0px; } .topMenu .topmenu1 a:hover{ width:215px; background:url(assets/images/pub2.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; } .topMenu .topmenu2 a{ width:215px; background:url(assets/images/individual.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; padding:0px; } .topMenu .topmenu2 a:hover{ width:215px; background:url(assets/images/individual2.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; } .topMenu .topmenu3 a{ width:215px; background:url(assets/images/inquiry.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; padding:0px; } .topMenu .topmenu3 a:hover{ width:215px; background:url(assets/images/inquiry2.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; } .topMenu .topmenu4 a{ width:215px; background:url(assets/images/recruit.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; padding:0px; } .topMenu .topmenu4 a:hover{ width:215px; background:url(assets/images/recruit_on.jpg) no-repeat; display:block; height:46px; text-indent:-9999em; } /*トップメニュー追加用img切り替え*/ .topMenuAddition li { margin:0px; padding:0px; list-style:none; display:block; height:46px; vertical-align:bottom; font-size:1.3em;} .topMenuAddition a{ width:215px; background:url(assets/images/menu2_bg.jpg) no-repeat; display:block; height:46px; color:#ffffff; padding-top:14px; padding-left:19px;}.topMenuAddition a:hover{ width:215px; background:url(assets/images/menu2_bg2.jpg) no-repeat; display:block; height:46px; color:#FC7E1A;<br />
&nbsp;text-decoration:none;}&nbsp; /*************************************************** 信用保証のメリット ***************************************************/ #advantage th { vertical-align:bottom; text-align:left; font-size:1.2em; color:#1079D8; height:50px; margin-bottom:5px; } #advantage td { padding:5px 0px 5px 65px; } /*************************************************** 保証制度の種類 ***************************************************/ .kind, .kind2 { width:545px; margin-bottom:10px; } .competent { width:760px; margin-bottom:10px; } .condition { width:350px; margin-bottom:10px; } .kind, .kind th, .kind td, .kind tr, .kind2, .kind2 th, .kind2 td, .kind2 tr, .competent, .competent th, .competent td, .competent tr { border-collapse:collapse; border:#87C2EF solid 1px; } .condition, .condition th, .condition td, .condition tr { border-collapse:collapse; border:#999999 solid 1px; } .kind th, .kind2 th, .competent th { background:#3D9EE0; color:#FFFFFF; text-align:center; padding:5px 10px; white-space:nowrap; } .condition th { background:#dddddd; text-align:center; padding:5px 10px; white-space:nowrap; } .kind td, .competent td, .condition td { text-align:center; padding:5px 8px; } .kind2 td { text-align:left; padding:5px 8px; } .kind td.textLeft { text-align:left; padding:5px 8px; } .kind caption{ text-align:left; font-weight:100; margin-bottom:5px; margin-top:13px; } .box { border:#66CCFF 2px solid; padding:5px; } /*セーフティネット保証制度について*/ .grayBoxMiddle dl { margin:0px auto 0px 1em; padding:7px; width:480px; } .grayBoxMiddle dh { font-weight:bold; color:#666666; } .grayBoxMiddle dt { border-left:3px solid #999999; padding-left:3px; margin-top:1.3em; margin-bottom:1.0em; } .grayBoxMiddle dd { margin-left:2em; width:450px; } .gendogaku tbody,tr,td { padding:0px; margin:0px; } .gendogaku { width:500px; } .gendogaku div { border:1px solid #3D9EE0; margin:0px; height:90px; } .gendogaku ul { padding-left:1em; } .gendogaku li { margin-left:1em; } .price { text-align:right; vertical-align:middle; margin-bottom:5px; } /*************************************************** 個人情報保護 ***************************************************/ ul.indiList1 { margin:5px 0px 5px 9px; padding:0px 0px 0px 9px; } ul.indiList2{ margin:5px 0px 5px 28px; padding:0px 0px 0px 28px; } ol.indiList1 { margin:5px 0px 5px 12px; padding:0px 0px 0px 12px; } .indiList1 lh{ padding:5px 0px 5px 0px; } .indiList1 li, indiList2 li { margin:0px; padding:0px; line-height:1.2em; } #individual p { margin:0px 0px 5px 0px; padding:0px; } #individual table, #individual tr, #individual th, #individual td, #individual2 table, #individual2 tr, #individual2 th, #individual2 td { border:0px; text-align:left; } #individual table { margin-top:5px; } #individual2 table { margin-left:2.8em; } #individual th, #individual2 th { padding-right:10px; white-space:nowrap; font-weight:normal; vertical-align:top; } .textIndent1 { text-indent:1.0em; margin:0px 0px 1em 0px; } .textIndent_1 { text-indent:-1.0em; padding-left:1.0em; } .textIndent18 { text-indent:-1.8em; padding-left:1.8em; margin:0px 0px 5px 0px; } .textIndent36 { text-indent:-1.3em; padding-left:3.1em; margin:0px 0px 5px 0px; } .padleft32 { padding-left:3.2em; margin:0px 0px 5px 0px; } .padleft2 { padding-left:1.5em; clear:both; } /*************************************************** 信用保証料について ***************************************************/ .head{ width:120px; } .blueIconLink { background:url(assets/images/dot.gif) no-repeat 0.5em; padding-left:18px; margin-bottom:8px; margin-top:8px; display:block; vertical-align:middle; } .keisansiki { margin-top:10px; margin-bottom:13px } .keisansiki img { padding-left:16px; margin-top:10px; } ul { padding-left:19px; } .kome { margin:0px 0px 8px 9px; } .kome li { list-style:none; margin:8px 0px 8px 9px; } .grayBox { margin:10px 0px 5px 0px; padding:0px; width:545px; } .grayBoxTop, .grayBoxBottom { margin:0px 0px 0px 0px; padding:0px; width:545px; } .grayBoxTop{ height:20px; background:url(assets/images/graybox_top.jpg) no-repeat; font-size:0.1em; } .grayBoxMiddle{ width:515px; height:auto; margin:0px; padding:0px 15px; background:url(assets/images/graybox_middle.jpg) repeat-y; } .grayBoxBottom{ height:25px; background:url(assets/images/graybox_bottom.jpg) no-repeat; margin:0px; padding:0px; } .grayBoxMiddle p { width:500px; margin:0px; padding:0px 0px 10px 0px; line-height:1.2em; } /*************************************************** お知らせ一覧 ***************************************************/ .news{ margin:1em 0 2em 0; padding:0 0 2em 0; border-bottom:#bbbbbb 1px dashed; } /*************************************************** お問い合わせ ***************************************************/ #inquiryBox input { margin: 0px; padding: 0px; line-height: 1.5em; vertical-align: top; width:300px; } #submitBotton input { padding:2px 0px 2px 0px; text-align:center; width:80px; color:#FFFFFF; background-color:#1079D8; font-weight:bold; margin:0px; } #inquiryBox textarea { margin: 0px 0px 20px; padding: 0px; width: 300px; min-height: 50px; line-height: 1.5em; vertical-align: top; } * html #inquiryBox textarea { height: 50px; width: 180px; } #inquiryBox table, #inquiryBox tr { margin: 0px; padding: 0px; } #inquiryBox table { width:530px; color:#666666; } #inquiryBox th { line-height: 1.5em; text-align: left; vertical-align: top; padding: 15px 0px 0px 0px; } #inquiryBox td { margin: 0px; padding: 15px 0px 0px 10px; line-height: 1.5em; text-align: left; vertical-align: top; } #inquiryBox td.attention { padding:3px 0px; font-weight:bold; border-bottom:#CCCCCC 2px dashed; } #sousinBotton p { margin: 10px 0px 20px 20px; padding: 0px; line-height: 1.7em; } .boxSize { width: 200px; } /******************************************************* サイトマップ ********************************************************/ #siteMapTable { width:760px; margin:0px 0px 50px 0px; padding:0px; } #siteMapTable td { vertical-align:top; padding:0px 15px 0px 0px; } #siteMapTable h5 { margin: 10px 0px 5px 0px; padding:1px 0px 0px 25px; width:200px; color:#1079D8; font-size:1.2em; background:url(assets/images/blue_listicon.jpg) no-repeat; } #siteMapTable ul { margin:5px 0px 5px 12px; padding:0px 0px 0px 12px; } #siteMapTable li { list-style:none; line-height:1.5em; } .borderDash{ border-bottom:#bbbbbb 1px dashed; margin: 0px; height:1px; } /*************************************************** フッター ***************************************************/ #copyRight { width:760px; color:#FFFFFF; font:bold; margin:0px auto 0px auto; padding:3px 0px; text-align:center; } /******************************************************* etc ********************************************************/ .floatLeft { float:left; } .floatRight { float:right; } .floatLeftImg { float:left; margin:10px 0px 10px 0px; } .textCenter { text-align:center; } .textRight { text-align:right; } .textLeft { text-align:Left; } .redCore { color: #FF0000; } #verBottom { vertical-align:bottom; } /******************************************************* clerafix ********************************************************/ /*#baseTop:after*/ #header:after, #baseBlue:after, #nav:after, #footerNav:after, #mainAreaWide:after, #subMenuArea:after, #search:after { content: &quot;.&quot;; display:block; height:0px; clear:both; visibility:hidden; } /*#baseTop*/ #header, #baseBlue, #nav, #footerNav, #mainAreaWide, #subMenuArea, #search { display:inline-block; } /* hides from IE-mac \*/ /**html #baseTop*/ *html #header, *thml #baseBlue, *html #nav, *html #footerNav, *html #mainAreaWide, *html #subMenuArea, *html #search{ height:1%; } /*#baseTop*/ #header, #baseBlue, #nav, #footerNav, #mainAreaWide, #subMenuArea, #search{ display:block; } /* End hide from IE-mac \**/<br />
<br />
/*************************************************** 20100222honjo　追加 topmenu***************************************************/div.topMenu{height:auto;}div.topMenu ul{padding-left:0px;margin:0;}div.topMenu ul li{list-style:none;height:45px;margin-top:1px;color:#FFFFFF}div.topMenu ul li a{text-decoration:none;color:#FFFFFF;font-weight:bold;font-size:17px;background:url(assets/images/menu2_bg.jpg) no-repeat left top;display:block;height:33px;width:194px;padding-top:12px;padding-left:21px;}div.topMenu ul li a:visited{color:#FFFFFF}div.topMenu ul li a:hover{background:url(assets/images/menu2_bg2.jpg) no-repeat left top;color:#FF6600;}<br />