@charset "UTF-8"; /**************************************************************** ** categoryStyle05 くらしの友について、お問い合わせ、直営施設サービス、カテゴリー固有css ** *
*
00.clearfix
*
float解除
*
01.navi Style
*
左サイドナビの表示
*
02.category format
*
カテゴリー共通のスタイル
*
03.unique style
*
ページ固有のスタイル
*
* @version1.0 *****************************************************************/ /**************************************** 00.clearfix ****************************************/ .categoryStyle05#co05_03 .contentsBoxOutline dl:after, #co06_01 .contentsBox01 ul.awardList li ul:after, #se00 .tagList:after, #co07 .contentsBox01 dl dd:after, #co06 .letter ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; } .categoryStyle05#co05_03 .contentsBoxOutline dl, #co06_01 .contentsBox01 ul.awardList li ul, #se00 .tagList:after, #co07 .contentsBox01 dl dd, #co06 .letter ul { /*for ie6,7*/ zoom:1; } /**************************************** 01.navi Style ****************************************/ /*lNavi_co01,#lNavi_co02以下の非表示*/ ul#localNavi #lNavi_co05List, ul#localNavi #lNavi_co06List, ul#localNavi #lNavi_co08List, ul#localNavi #lNavi_statementList { display:none; } #naviArea ul#localNavi li a {background:url(/common/images/icon_navi_01.gif) 0 -340px no-repeat; } #naviArea ul#localNavi li a:hover { background:url(/common/images/icon_navi_01.gif) 0 -440px no-repeat #E2E2E2;} #naviArea ul#localNavi li em { background:url(/common/images/icon_navi_01.gif) 0 -440px no-repeat #E2E2E2; } /*lNavi_ko05以下の表示*/ #co05 ul#localNavi #lNavi_co05List, #co05_01 ul#localNavi #lNavi_co05List, #co05_02 ul#localNavi #lNavi_co05List, #co05_03 ul#localNavi #lNavi_co05List, #co05_04 ul#localNavi #lNavi_co05List { display:block; } /*lNavi_co05 の下向き矢印設定*/ #co05 ul#localNavi #lNavi_co05 a, #co05_01 ul#localNavi #lNavi_co05 a, #co05_02 ul#localNavi #lNavi_co05 a, #co05_03 ul#localNavi #lNavi_co05 a, #co05_04 ul#localNavi #lNavi_co05 a { background:url(/common/images/icon_navi_01.gif) 0 -390px no-repeat; } /*lNavi_co05 のhover,visit設定*/ #co05 ul#localNavi #lNavi_co05 a:hover, #co05 ul#localNavi #lNavi_co05 a:hover, #co05_01 ul#localNavi #lNavi_co05 a:hover, #co05_02 ul#localNavi #lNavi_co05 a:hover, #co05_03 ul#localNavi #lNavi_co05 a:hover, #co05_04 ul#localNavi #lNavi_co05 a:hover { background:url(/common/images/icon_navi_01.gif) 0 -440px no-repeat #E2E2E2;} /*lNavi_co05以下のアイコン設定*/ #co05 ul#localNavi #lNavi_co05List li a, #co05_01 ul#localNavi #lNavi_co05List li a, #co05_02 ul#localNavi #lNavi_co05List li a, #co05_03 ul#localNavi #lNavi_co05List li a, #co05_04 ul#localNavi #lNavi_co05List li a { background:url(/common/images/icon_navi_01.gif) 10px -340px no-repeat; } /*lNavi_co05以下のhover,visit設定*/ #co05 ul#localNavi #lNavi_co05List li a:hover, #co05_01 ul#localNavi #lNavi_co05List li a:hover, #co05_02 ul#localNavi #lNavi_co05List li a:hover, #co05_03 ul#localNavi #lNavi_co05List li a:hover, #co05_04 ul#localNavi #lNavi_co05List li a:hover, #co05_01 ul#localNavi #lNavi_co05List li em, #co05_02 ul#localNavi #lNavi_co05List li em, #co05_03 ul#localNavi #lNavi_co05List li em, #co05_04 ul#localNavi #lNavi_co05List li em { background:url(/common/images/icon_navi_01.gif) 10px -440px no-repeat #E2E2E2; } /****************************************************************************************/ /* lNavi_co06 以下の表示 */ #co06 ul#localNavi #lNavi_co06List, #co06_01 ul#localNavi #lNavi_co06List, #co06_02 ul#localNavi #lNavi_co06List, #co06_03 ul#localNavi #lNavi_co06List, #co06_04 ul#localNavi #lNavi_co06List, #co06_05 ul#localNavi #lNavi_co06List, #co06_05_01 ul#localNavi #lNavi_co06List, #co06_06 ul#localNavi #lNavi_co06List, #co06_06_01 ul#localNavi #lNavi_co06List, #co06_07 ul#localNavi #lNavi_co06List { display:block; } /*lNavi_co01 の下向き矢印設定*/ #co06 ul#localNavi #lNavi_co06 a, #co06_01 ul#localNavi #lNavi_co06 a, #co06_02 ul#localNavi #lNavi_co06 a, #co06_03 ul#localNavi #lNavi_co06 a, #co06_04 ul#localNavi #lNavi_co06 a, #co06_05 ul#localNavi #lNavi_co06 a, #co06_05_01 ul#localNavi #lNavi_co06 a, #co06_06 ul#localNavi #lNavi_co06 a, #co06_06_01 ul#localNavi #lNavi_co06 a, #co06_07 ul#localNavi #lNavi_co06 a { background:url(/common/images/icon_navi_01.gif) 0 -390px no-repeat; } /*lNavi_co06 のhover,visit設定*/ #co06 ul#localNavi #lNavi_co06 em, #co06 ul#localNavi #lNavi_co06 a:hover, #co06_01 ul#localNavi #lNavi_co06 a:hover, #co06_02 ul#localNavi #lNavi_co06 a:hover, #co06_03 ul#localNavi #lNavi_co06 a:hover, #co06_04 ul#localNavi #lNavi_co06 a:hover, #co06_05 ul#localNavi #lNavi_co06 a:hover, #co06_05_01 ul#localNavi #lNavi_co06 a:hover, #co06_06 ul#localNavi #lNavi_co06 a:hover, #co06_06_01 ul#localNavi #lNavi_co06 a:hover, #co06_07 ul#localNavi #lNavi_co06 a:hover { background:url(/common/images/icon_navi_01.gif) 0 -440px no-repeat #E2E2E2;} /*lNavi_co06以下のアイコン設定*/ #co06 ul#localNavi #lNavi_co06List li a, #co06_01 ul#localNavi #lNavi_co06List li a, #co06_02 ul#localNavi #lNavi_co06List li a, #co06_03 ul#localNavi #lNavi_co06List li a, #co06_04 ul#localNavi #lNavi_co06List li a, #co06_05 ul#localNavi #lNavi_co06List li a, #co06_05_01 ul#localNavi #lNavi_co06List li a, #co06_06 ul#localNavi #lNavi_co06List li a, #co06_06_01 ul#localNavi #lNavi_co06List li a, #co06_07 ul#localNavi #lNavi_co06List li a { background:url(/common/images/icon_navi_01.gif) 10px -340px no-repeat; } /*lNavi_co06以下のhover,visit設定*/ #co06 ul#localNavi #lNavi_co06List li a:hover, #co06_01 ul#localNavi #lNavi_co06List li a:hover, #co06_02 ul#localNavi #lNavi_co06List li a:hover, #co06_03 ul#localNavi #lNavi_co06List li a:hover, #co06_04 ul#localNavi #lNavi_co06List li a:hover, #co06_05 ul#localNavi #lNavi_co06List li a:hover, #co06_05_01 ul#localNavi #lNavi_co06List li a:hover, #co06_06 ul#localNavi #lNavi_co06List li a:hover, #co06_06_01 ul#localNavi #lNavi_co06List li a:hover, #co06_07 ul#localNavi #lNavi_co06List li a:hover, #co06 ul#localNavi #lNavi_co06List li em, #co06_01 ul#localNavi #lNavi_co06List li em, #co06_02 ul#localNavi #lNavi_co06List li em, #co06_03 ul#localNavi #lNavi_co06List li em, #co06_04 ul#localNavi #lNavi_co06List li em, #co06_05 ul#localNavi #lNavi_co06List li em, #co06_05_01 ul#localNavi #lNavi_co06List li em, #co06_06 ul#localNavi #lNavi_co06List li em, #co06_06_01 ul#localNavi #lNavi_co06List li em, #co06_07 ul#localNavi #lNavi_co06List li em { background:url(/common/images/icon_navi_01.gif) 10px -440px no-repeat #E2E2E2; } /*************************************/ /* lNavi_co08 以下の表示 */ #co08 ul#localNavi #lNavi_co08List, #co08_01 ul#localNavi #lNavi_co08List { display:block; } /*lNavi_co01 の下向き矢印設定*/ #co08 ul#localNavi #lNavi_co08 a, #co08_01 ul#localNavi #lNavi_co08 a { background:url(/common/images/icon_navi_01.gif) 0 -390px no-repeat; } /*lNavi_co08 のhover,visit設定*/ #co08 ul#localNavi #lNavi_co08 em, #co08 ul#localNavi #lNavi_co08 a:hover, #co08_01 ul#localNavi #lNavi_co08 a:hover { background:url(/common/images/icon_navi_01.gif) 0 -440px no-repeat #E2E2E2;} /*lNavi_co08以下のアイコン設定*/ #co08 ul#localNavi #lNavi_co08List li a, #co08_01 ul#localNavi #lNavi_co08List li a { background:url(/common/images/icon_navi_01.gif) 10px -340px no-repeat; } /*lNavi_co08以下のhover,visit設定*/ #co08 ul#localNavi #lNavi_co08List li a:hover, #co08_01 ul#localNavi #lNavi_co08List li a:hover #co08 ul#localNavi #lNavi_co08List li em, #co08_01 ul#localNavi #lNavi_co08List li em { background:url(/common/images/icon_navi_01.gif) 10px -440px no-repeat #E2E2E2; } /*************************************/ /* lNavi_statementList 以下の表示 */ #co10 ul#localNavi #lNavi_statementList, #co11 ul#localNavi #lNavi_statementList, #co12 ul#localNavi #lNavi_statementList, #co13 ul#localNavi #lNavi_statementList { display:block; } /*lNavi_co10 の下向き矢印設定*/ #co11 ul#localNavi #lNavi_co10 a, #co12 ul#localNavi #lNavi_co10 a, #co13 ul#localNavi #lNavi_co10 a { background:url(/common/images/icon_navi_01.gif) 0 -390px no-repeat; } /*lNavi_co10 のhover,visit設定*/ #co10 ul#localNavi #lNavi_co10 em, #co10 ul#localNavi #lNavi_co10 a:hover, #co11 ul#localNavi #lNavi_co10 a:hover, #co12 ul#localNavi #lNavi_co10 a:hover, #co13 ul#localNavi #lNavi_co10 a:hover { background:url(/common/images/icon_navi_01.gif) 0 -440px no-repeat #E2E2E2;} /*lNavi_statementList以下のアイコン設定*/ #co10 ul#localNavi #lNavi_statementList li a, #co11 ul#localNavi #lNavi_statementList li a, #co12 ul#localNavi #lNavi_statementList li a, #co13 ul#localNavi #lNavi_statementList li a { background:url(/common/images/icon_navi_01.gif) 10px -340px no-repeat; } /*lNavi_co08以下のhover,visit設定*/ #co10 ul#localNavi #lNavi_statementList li a:hover, #co11 ul#localNavi #lNavi_statementList li a:hover, #co12 ul#localNavi #lNavi_statementList li a:hover, #co13 ul#localNavi #lNavi_statementList li a:hover, #co10 ul#localNavi #lNavi_statementList li em, #co11 ul#localNavi #lNavi_statementList li em, #co12 ul#localNavi #lNavi_statementList li em, #co13 ul#localNavi #lNavi_statementList li em { background:url(/common/images/icon_navi_01.gif) 10px -440px no-repeat #E2E2E2; } /****************************************************************************************/ /**************************************** 02.category format ****************************************/ .categoryStyle05 .contentsBox01 h2, .categoryStyle05 .contentsBox02 h2 { color:#34394C; background:url(/company/images/tit_bg_cat01.jpg) 0 bottom repeat-x #FEFBF8; } .categoryStyle05 em, .categoryStyle05 .contentsBox01 table th { color:#34394C; } .categoryStyle05 .contentsBox01 table td em a { font-weight:bold; color:#34394C; } /*sub tit emに追加 -------------*/ .categoryStyle05 .titBdr { border-bottom:2px solid #DEDADA; background:#F5F5F5; padding:0.25em 0.5em; } .categoryStyle05 .indt { position:relative; padding-left:5em !important; zoom:1;} .categoryStyle05 .indt span { position:absolute; top:0; left:0; } .categoryStyle05 .colGol { background:#EAE086; padding:0.25em; } .categoryStyle05 h2.colGol { background:#EAE086 !important; padding:6px 8px; border:none; } .categoryStyle05 .colSil { background:#DDD; padding:0.25em; } .categoryStyle05 h2.colSil { background:#DDD !important; padding:6px 8px; border:none; } .categoryStyle05 h2.prize01 { background:#FEDDEE !important; padding:6px 8px; border:none; } .categoryStyle05 h2.prize02 { background:#DDEEFF !important; padding:6px 8px; border:none; } /**************************************** 03.unique style ****************************************/ /*#co00 --------------*/ #co00 .titArea01 {background:url(/company/images/co00_bg_01.jpg) 0 0 no-repeat #E2E2E2; } #co00 .linkList01 li { width:auto; } /*#co01 --------------*/ #co01 h2.noBg { background:none; font-size:150%; line-height:130%; border:none; } #co01 p.sign { text-align:right;} #co01 th { width:100px; } #co01 .bgColor02 { padding:5px 0; border:1px #B1BAC5 solid; } /*#co02 --------------*/ #co02 table { width:670px;} #co02 th { vertical-align:top; padding:10px 10px; background:#EEE; } /*#co04 --------------*/ #co04 table th { width:150px; text-align:left; padding:0.75em 0.5em; } /*#co05 --------------*/ #co05 a.recruit { float:none; display:block; width:auto; padding-left:10px; background:url(/common/images/icon_navi_01.gif) 0 5px no-repeat; font-weight:bold; color:#34394C;; } #co05_02 span.job { padding:1px 2px; margin:0 0 0 5px; font-size:83%; border:1px #666 solid; } #co05_02 th { width:75px;} #co05_03 .contentsBoxOutline dl { margin:10px 0 0; } #co05_03 .contentsBoxOutline dl dt { font-weight:bold; color:#34394C;; } #co05_03 .contentsBoxOutline dl dd { float:left; margin:0 10px 0;} #co05_03 .bgColorRec { background:#DDF0EB; border:2px solid #DEDADA; } /*#co06 --------------*/ #co06 .letter { margin:10px 0 0; padding:256px 0 0 0; width:695px; background: url(../company/images/co06_img_01.jpg) 0 0 no-repeat; } #co06 .letter ul { padding:0 0 0 10px; } #co06 .letter ul li { float:left; margin:0 10px 10px 0; } #co06 .letter ul li a:hover { display:block; background:#FFF !important; } #co06 .infoList li .day { margin:0 1em 0 0; } #co06 .infoList li a { background:none; padding:0; display:inline; } #co06_02 .contentsBox01 ul.awardList { padding-bottom:0; } #co06_01 .contentsBox01 ul.awardList li, #co06_02 .contentsBox01 ul.awardList li, #co06_03 .contentsBox01 ul.awardList li { margin:0 0 5px;} #co06_01 .contentsBox01 ul.awardList li ul, #co06_02 .contentsBox01 ul.awardList li ul, #co06_03 .contentsBox01 ul.awardList li ul { padding:0 10px; } #co06_01 .contentsBox01 ul.awardList li ul li.tit, #co06_02 .contentsBox01 ul.awardList li ul li.tit, #co06_03 .contentsBox01 ul.awardList li ul li.tit { float:left; width:310px; padding:0 10px 0 0; } #co06_01 .contentsBox01 ul.awardList li ul li.author, #co06_02 .contentsBox01 ul.awardList li ul li.author, #co06_03 .contentsBox01 ul.awardList li ul li.author { float:left; width:210px; } #co06_01 .contentsBox01 ul.awardList li ul li.more, #co06_02 .contentsBox01 ul.awardList li ul li.more, #co06_03 .contentsBox01 ul.awardList li ul li.more { float:right; width:122px; } .letter#popup #wrap_pop { width:600px; padding:20px 10px 10px; } .letter#popup #wrap_pop h3 { font-size:120%; font-weight:bold; } .letter#popup #wrap_pop { background:url(../company/images/pop_bg_01.jpg) right 50% no-repeat; } .letter#popup #wrap_pop p.author { text-align:right; margin:10px 0; } .letter#popup #wrap_pop p.end { text-align:right; margin:2em; } .letter#popup #wrap_pop p{ text-align:left; margin:1em 0 0; } #co06_06 .contentsBoxOutline { min-height:230px; _height:230px; padding:10px 10px 0; background:#F8EFED url(../company/images/co06_06_bg_01.jpg) right bottom no-repeat; } #co06_06 .contentsBoxOutline p { width:400px; margin-bottom:1em; } #co06_06 .contentsBoxOutline p.end { width:350px; } /*#co07 --------------*/ #co07 .contentsBox01 dl { margin:0 10px; } #co07 .contentsBox01 dl dt { margin:20px 0 5px; padding:3px 5px; font-weight:bold; background:#EEE; } #co07 .contentsBox01 dl dd { margin:0 0 5px; } #co07 .contentsBox01 dl dd span.day { display:block; float:left; width:8%; padding:0 0 0 5px; } #co07 .contentsBox01 dl dd span.txt { display:block; float:right; width:90%; } /*#co08 --------------*/ #co08 .contentsBox01 dl { margin:0 10px; } #co08 .contentsBox01 dl dt { margin:20px 0 5px; padding:3px 5px; font-weight:bold; background:#EEE; } #co08 .contentsBox01 dl dd { margin:0 0 5px; padding:0 0 0 5px; } /*#co09 --------------*/ #co09 .contentsBox01 li.indt { margin-left:5em; } /*#co10 --------------*/ #co10 .contentsBoxOutline p.day { text-align:right; } #co10 .contentsBoxOutline ul { margin:20px auto; padding:20px 20px 15px; width:400px; border:#DEDADA 1px solid; } #co10 .contentsBoxOutline ul li { margin:0 0 5px; } #co10 .contentsBoxOutline ul li a { padding-left:10px; background:url(/common/images/icon_navi_01.gif) 0 4px no-repeat;} #co10 blockquote, #co10 .contentsBox01 p.attention { padding:10px 20px; font-size:100%; } #co10 .contentsBox01 table dl dd ul { margin:5px 0 0 10px; } #co10 .contentsBox01 table dl dd { margin:5px 0 10px 10px; } #co10 .contentsBox01 table dl dd ul { margin:5px 0 0 10px; } /*#bu05_01 --------------*/ #bu05_01 .contentsBox01 table td em { display:block; margin:0.25em 0 0; } #bu05_01 #naviArea #inqArea .innerBox { border:1px solid #12126D; border-top:none; background:#E7ECF5; } /***** service ******/ /*#se --------------*/ #se00 h2.noBg, #se01 h2.noBg, #se02 h2.noBg, #se03 h2.noBg, #se04 h2.noBg { float:left; background:none; width:30%; border:none; } #se00 .tagList, #se01 .tagList, #se02 .tagList, #se03 .tagList, #se04 .tagList { float:right; width:60%; padding:20px 10px 0 0; text-align:right; } #se00 .tagList li, #se01 .tagList li, #se02 .tagList li, #se03 .tagList li, #se04 .tagList li { display:inline; } #se00 .boxInner, #se01 .boxInner, #se02 .boxInner, #se03 .boxInner, #se04 .boxInner { clear:both; } #se00 .boxInner dl dt a, #se01 .boxInner dl dt a, #se02 .boxInner dl dt a, #se03 .boxInner dl dt a, #se04 .boxInner dl dt a { font-weight:bold; } #se00 .boxInner dl dd { margin-left:10px; } /*#se00 --------------*/ #se00 .titArea01 {background:url(/service/images/se00_bg_01.jpg) 0 0 no-repeat #FEFEFE; } #se00 .contentsBox01 { margin-bottom:15px; padding-bottom:15px; background:url(/common/images/border_02.gif) 0 bottom repeat-x; } /*#se01 --------------*/ #se01 .contentsBox01 .imageR_sp .txt { display:block; float:left; width:200px; text-align:justify; } #se01 .contentsBox01 .imageR_sp .imgCap { width:458px; float:right; text-align:right; } #se01 .contentsBox01 .imageL_sp .txt { display:block; float:right; width:200px; text-align:justify; } #se01 .contentsBox01 .imageL_sp .imgCap { width:458px; float:left; text-align:right; } #se01 .contentsBox01 .bdr02 { display:block; } #se01 table td.eq { width:80px; _width:95px; } /*#se03 --------------*/ #se03 .fig dt { width:12%; padding-left:15px; background:url(/common/images/icon_01.gif) 0 2px no-repeat;} #se03 .fig dd { width:80%; } #se03 .fig.bus dt { width:20%; } #se03 .fig.bus dd { width:72%; } /*#se04 --------------*/ #se04 ul li.img01 { width:160px; } #se04 ul li.img02 { width:245px; } #se04 ul li span { text-align:justify; font-size:83%; line-height:1.2; } #se04 .noCell01 { border-bottom:#FFF; border-right:#FFF; background:#FFF; } #se04 .noCell02 { border-bottom:#FFF; border-right:#FFF; border-left:#FFF; background:#FFF; } /*#se05 --------------*/ #co05_03 .imageL_s { margin:15px 0 0; } /* contact --------------------------------------------------------*/ #cn00 .equalH00 { min-height:200px; _height:200px;} #cn00 .linkList01 li { float:none; } #cn00 .tellList { padding:0 10px 10px; } #cn00 .tellList li { margin:0.5em 0 0; } .contact .contactBox p.day { text-align:right; } .contact .contactBox ul { margin:20px auto; padding:20px 20px 15px; width:400px; border:#DEDADA 1px solid; } .contact .contactBox ul li { margin:0 0 5px; } .contact .contactBox ul li a { padding-left:10px; background:url(/common/images/icon_navi_01.gif) 0 4px no-repeat;} .contact blockquote, .contact .contentsBox01 p.attention { padding:10px 20px; font-size:100%; } .contact .contentsBox01 table dl dd ul { margin:5px 0 0 10px; } .contact .contentsBox01 table dl dd { margin:5px 0 10px 10px; } .contact .contentsBox01 table dl dd ul { margin:5px 0 0 10px; } .contact .btn { text-align:center; } .contact .btn li { display:inline; } .contact .btn li input { margin:0 10px; } .contact th.tit { font-weight:bold; width:auto; text-align:center; } table.form th { width:120px; text-align:right; } table.form th span { display:block; font-size:86%; } /* mp00 --------------------------------------------------------*/ #mp00 h2 a { display:block; padding-left:10px; background:url(/common/images/icon_navi_01.gif) 0 5px no-repeat; } #mp00 .sitemap { padding:10px; } #mp00 .sitemap ul { margin:0.5em 0 0.5em 2em; } #mp00 .sitemap li a { display:block; padding-left:10px; background:url(/common/images/icon_navi_01.gif) 0 5px no-repeat; } #mp00 .contentsBox02 { margin-bottom:10px; }