/*------------------------------------------------------------------------ [ official.css ] Copyright Studio FIX Inc. ---------------------------------------------------------------------------*/ /*------------------------------------------------------------------------ INDEX --------------------------------------------------------------------------*/ #index_localbnavi { width: 950px; font-size: 110%; font-weight: bold; } #index_localbnavi ul { width: 950px; margin: 5px 0 0 0; padding: 0; position: static; float: left; display: block; list-style: none; text-align: center; } #index_localbnavi li { position: relative; display: inline; list-style: none; border-style: solid; border-width: 0 0 0 1px; border-color: #999; margin: 0; padding: 0 4px 0 8px;} #index_localbnavi li#index_localbnavi_start { border: none;} #index_localbnavi a:link { color:#727171; text-decoration:none; } #index_localbnavi a:visited { color:#727171; text-decoration:none; } #index_localbnavi a:active { color:#727171; text-decoration:none; } #index_localbnavi a:hover { color:#444444; text-decoration:underline; } /* イラストリンク --- */ #index_ill_link_bg { width: 950px; background: url(../images/index_ill02.gif) no-repeat; margin: 20px 0 0 0; } #index_ill_link { width: 680px; margin: 0 70px 0 210px; } #index_ill_link_left { width: 200px; float: left; padding: 55px 0 0 0; } #index_ill_link_right { width: 230px; float: right; padding: 55px 0 0 0; } p.b_more2 { width : 93px; height:19px; margin: 5px 0 0 0; padding: 0; background: url(../images/sprite_img01.gif) 0 -150px no-repeat; } p.b_more2 a { height: 19px; display:block; } p.b_more2 span { display: none; } /* コラムレイアウト --- */ #index_column { } #index_column h2 { font-size: 110%; font-weight: bold; color: #666; border-bottom: 2px solid #ccc; padding: 0; margin: 0 0 6px 0; } #index_column p.column_data { color: #999; margin: 15px 0 0 0; } #index_column span.column_new { padding: 0 0 0 8px; color: #cd3737; font-family: "Verdana", "Arial"; font-weight: bold; } #index_column p.column_title { font-weight: bold; margin: 5px 0 0 0; } #index_column p.column_img { margin: 3px 0 0 0; } #index_column p.column_txt { margin: 3px 0 0 0; border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; } /* おすすめ住まいのプロフェッショナル */ #index_pro { width:700px; margin: 5px 0 0 0; } #index_pro ul { list-style-type: none; margin: 0; padding: 0;} #index_pro li { width:130px; margin: 5px 45px 25px 0; float:left; position:relative; } #index_pro li p.index_pro_img { } #index_pro li p.index_pro_name { margin: 5px 0 0 0; text-align: center; } #index_pro li.left { margin: 5px 0 25px 0 } #index_pro li a { text-decoration: none; } /*------------------------------------------------------------------------ 営業マンの詳細 --------------------------------------------------------------------------*/ .salesman { width: 700px; margin: 1em 0 0 0; } .salesman_left { width: 200px; float: left; } .salesman_right { width: 500px; float: right; } .salesman p.photo { float: left; padding: 0 20px 0 0; } .salesman p.copy { font-size: 120%; font-weight: bold; } .salesman p.name { font-size: 110%; font-weight: bold; margin: 5px 0 0 0; } .salesman p.company { margin: 5px 0 0 0; } .salesman p.txt { margin: 15px 0 0 0; } .salesman p.link { margin: 15px 0 0 0; } /*------------------------------------------------------------------------ ページ送り --------------------------------------------------------------------------*/ .pagesend_top { width: 700px; height:24px; margin: 20px 0 0 0; background: url(../images/ccc.gif) repeat-x bottom;} .pagesend_top_inner { float: right; } .pagesend_top_inner ul { list-style-type: none; margin: 0; padding: 0; } .pagesend_top_inner li { display:block; float:left; position:relative; padding: 3px 0 0 0; margin: 0; } .pagesend_top_inner li#pagesend_top_txt { height:23px; background-image: none; text-align: right; padding: 3px 20px 0 0; } .pagesend_top_inner li.pagesend_top_link { width : 50px; height:23px; text-align: center; background: url(../images/sprite_img01.gif) -591px -180px no-repeat; } .pagesend_top_inner li#pagesend_top_active { width : 50px; height:23px; text-align: center; font-weight: bold; background: url(../images/sprite_img01.gif) -741px -180px no-repeat;} .pagesend_bottom { width: 700px; height:24px; margin: 20px 0 0 0; background: url(../images/ccc.gif) repeat-x top ;} .pagesend_bottom_inner { float: right; } .pagesend_bottom_inner ul { list-style-type: none; margin: 0; padding: 0; } .pagesend_bottom_inner li { display:block; float:left; position:relative; padding: 3px 0 0 0; margin: 0; } .pagesend_bottom_inner li#pagesend_bottom_txt { height:24px; background-image: none; text-align: right; padding: 3px 20px 0 0; } .pagesend_bottom_inner li.pagesend_bottom_link { width : 50px; height:24px; text-align: center; background: url(../images/sprite_img01.gif) -591px -250px no-repeat; } .pagesend_bottom_inner li#pagesend_bottom_active { width : 50px; height:24px; text-align: center; font-weight: bold; background: url(../images/sprite_img01.gif) -741px -250px no-repeat;} /*------------------------------------------------------------------------ 初めての方へ --------------------------------------------------------------------------*/ #first_user { width : 225px; height: 60px; display:block; margin: 40px 0 0 0; background: url(../images/sprite_img01.gif) 0 -420px no-repeat; } #first_user span { display:none; } #first_user_foot { width : 225px; height: 20px; display:block; background: url(../images/sprite_img01.gif) 0 -650px no-repeat; } #first_user_foot span { display:none; } /*------------------------------------------------------------------------ アピールポイント｜プロフィール（タブ） --------------------------------------------------------------------------*/ #tab01 { width: 950px; margin: 15px 0 0 0; background: url(../images/sprite_img01.gif) 0 -700px no-repeat;} #tab01 ul { list-style-type: none; margin: 0; padding: 0; } #tab01 li { width : 170px; height:30px; display:block; float:left; position:relative; padding: 4px 0 0 0; margin: 0; text-align: center; background: url(../images/sprite_img01.gif) -170px -700px no-repeat;} #tab01 li#tab01_active01 { font-weight: bold; background: url(../images/sprite_img01.gif) 0 -700px no-repeat;} #tab02 { width: 950px; margin: 20px 0 0 0; background: url(../images/sprite_img01.gif) 0 -810px no-repeat;} #tab02 ul { list-style-type: none; margin: 0; padding: 0; } #tab02 li { width : 170px; height:30px; display:block; float:left; position:relative; padding: 4px 0 0 0; margin: 0; text-align: center; background: url(../images/sprite_img01.gif) -170px -810px no-repeat;} #tab02 li#tab02_active02 { font-weight: bold; background: url(../images/sprite_img01.gif) 0 -810px no-repeat;} #tab03 { width: 950px; margin: 15px 0 0 0; background: url(../images/sprite_img01.gif) 0 -850px no-repeat;} #tab03 ul { list-style-type: none; margin: 0; padding: 0; } #tab03 li { width : 170px; height:30px; display:block; float:left; position:relative; padding: 4px 0 0 0; margin: 0; text-align: center; background: url(../images/sprite_img01.gif) 0 -850px no-repeat;} #tab03 li#tab03_active03 { font-weight: bold; background: url(../images/sprite_img01.gif) -170px -850px no-repeat;} #tab04 { width: 950px; margin: 20px 0 0 0; background: url(../images/sprite_img01.gif) 0 -958px no-repeat;} #tab04 ul { list-style-type: none; margin: 0; padding: 0; } #tab04 li { width : 170px; height:30px; display:block; float:left; position:relative; padding: 4px 0 0 0; margin: 0; text-align: center; background: url(../images/sprite_img01.gif) 0 -958px no-repeat;} #tab04 li#tab04_active04 { font-weight: bold; background: url(../images/sprite_img01.gif) -170px -958px no-repeat;} /*------------------------------------------------------------------------ 営業マンのプロフィール --------------------------------------------------------------------------*/ /* セールスマンの詳細 --- */ .sales_profile { width: 950px; } .sales_profile_left { width: 280px; float: left; margin: 10px 0 0 0; } .sales_profile_right { width: 620px; float: right; margin: 10px 0 0 0; } .sales_profile_right p#sales_profile_copy { font-size: 130%; font-weight: bold; margin: 20px 0 10px 0; } .sales_profile_right p.sales_profile_right_company { margin: 5px 0 0 0; } .sales_profile_list { margin: 15px 0 0 0; border-top: 1px solid #ccc; padding: 20px 0 10px 0; } .sales_profile_list span { margin: 0 20px 0 0; } .man_profile_copy { font-size: 120%; font-weight: bold; } .man_profile_txt { margin: 5px 0 0 0; } /* 写真5点 --- */ #sales_more_photo { width : 600px; margin: 30px 0 0 0; } #sales_more_photo p#more_photo01 { text-align: center; } #sales_more_photo p#more_photo01_caption { text-align: center; font-size: 90%; margin: 5px 0 15px 0; } #sales_more_photo ul { width : 600px; list-style-type: none; margin: 0; padding: 0; } #sales_more_photo li { display:block; float:left; position:relative; padding: 0; } #sales_more_photo li p { text-align: left; font-size: 75%; margin: 2px 0 20px 0; } #sales_more_photo li#more_photo01 { width : 280px; padding: 0 40px 0 0; } #sales_more_photo li#more_photo02 { width : 280px; padding: 0; } #sales_more_photo li#more_photo03 { width : 185px; padding: 0 22px 0 0; } #sales_more_photo li#more_photo04 { width : 185px; padding: 0 23px 0 0; } #sales_more_photo li#more_photo05 { width : 185px; padding: 0; } /* 略歴 --- */ #sales_history { margin: 25px 0 0 0; } #sales_history p { } /* サービス内容 --- */ #sales_service { margin: 40px 0 0 0; } #sales_service p { } /* ここがポイント --- */ #sales_servicepoint { width : 558px; border: 2px solid #cee999; padding: 20px; margin: 20px 0 0 0; text-align: left; } #sales_servicepoint p#servicepoint_title { width : 100px; height:18px; display:block; background: url(../images/sprite_img01.gif) -200px -300px no-repeat; } #sales_servicepoint p#servicepoint_title span { display: none;} #sales_servicepoint p#servicepoint_head { font-weight: bold; margin: 5px 0 10px 0; font-size: 110%; color: #6ca80b; } .servicepoint_container { width: 558px; margin: 15px 0 0 0;} .servicepoint_left { width: 200px; float: left; } .servicepoint_right { width: 338px; float: right; } p.servicepoint_photo { text-align: center; margin: 0 0 5px 0; } p.servicepoint_txt { margin: 0 0 15px 0; } /* 特徴・強み --- */ #sales_point { margin: 40px 0 0 0; } #sales_point p { } /* 会社情報 --- */ #sales_company { margin: 40px 0 0 0; } #sales_company p { } #sales_company p#company_photo { margin: 15px 0 0 0; text-align: center; } #sales_company table { width: 100%; margin: 15px 0 0 0; } #sales_company table th { width: 25%; padding: 4px 15px 4px 4px; font-weight: normal; text-align: right; background: url(../images/dotline.gif) repeat-x top left; } #sales_company table td { width: 75%; padding: 4px; background: url(../images/dotline.gif) repeat-x top left; } /* 会社の方に聞いてみました --- */ #sales_interview { width : 558px; border: 2px solid #cee999; padding: 20px; margin: 20px 0 0 0; text-align: left; } #sales_interview p#interview_title { width : 260px; height:18px; display:block; background: url(../images/sprite_img01.gif) -300px -300px no-repeat; } #sales_interview p#interview_title span { display: none;} #sales_interview p.interview_name { font-weight: bold; margin: 10px 0 0 0; } /* 主なサービスの流れ --- */ #sales_service_flow { margin: 25px 0 0 0; } #sales_service_flow p { } /* 会社概要 P3、P2--- */ #sales_company_info { margin: 40px 0 0 0; } #sales_company_info ul { list-style-type: none; margin: 15px 0 0 0; padding: 0; } #sales_company_info li { display:block;padding: 0; margin: 0; } /* 会社概要 P1--- */ #sales_company_info_p1 { margin: 0; } #sales_company_info_p1 ul { list-style-type: none; margin: 15px 0 0 0; padding: 0; } #sales_company_info_p1 li { display:block;padding: 0; margin: 0; } /* ご商談方法 --- */ #business_talk { margin: 40px 0 0 0; } #business_talk p { } /* ご購入プロセス --- */ #purchase_process { margin: 40px 0 0 0; } #purchase_process p { } /* HPからのコメント --- */ #sales_ourcomment { margin: 40px 0 0 0; } /*------------------------------------------------------------------------ はじめての方へ --------------------------------------------------------------------------*/ #FirstGuide_container { width: 700px; } #FirstGuide_left { width: 335px; float: left; } #FirstGuide_right { width: 335px; float: right; }