/*-------------------------------------------------------------- [ desing.css ] Copyright Studio FIX Inc. ---------------------------------------------------------------*/ /*------------------------------------------------------------------------ Header Layout Block 2nd --------------------------------------------------------------------------*/ #header_index { width : 760px; height: 100px; background: url(../images/head_index.gif) no-repeat; } #header_index_left { width : 300px; float: left; } #header_index_right { width : 460px; float: right; } #logo { height: 75px; } #logo span { display: none; } #logo a { height: 75px; display:block; } #header_intro_index { font-size: 90%; color: #666; line-height: 1.2; padding: 0 15px 0 0; font-size: 10px; } #header_index ul { width: 250px; list-style-type: none; padding: 0; margin: 0 0 0 500px; clear: both; } #header_index li { height:25px; display:block; float:left; display:inline; } #header_index li span { display: none;} #header_index li a { height:25px; display:block;} #header_index_navi01 { width: 80px; } #header_index_navi02 { width: 85px; } #header_index_navi03 { width: 85px; } /* Index ---------------------------------------------------------------*/ #main_photo { width : 760px; height: 280px; background: url(../images/ph_index01.jpg) no-repeat; } p#main_intro { height: 80px; padding: 40px 340px 0 30px; font-size: 11px; } #main_photo ul { width: 370px; list-style-type: none; margin: 0 0 0 30px; } #main_photo li { } #main_photo li span { display: none;} #main_photo_li01 { height: 80px; } #main_photo_li01 a { height: 80px; display:block; } #main_photo_li02 { height: 70px; } #main_photo_li02 a { height: 70px; display:block; } /* 安研スタッフより */ #bg_staff_massage { width : 760px; text-align: center; margin: 10px 0 0 0; } #bg_staff_massage img { vertical-align: bottom; } #staff_massage { width : 735px; margin: 0 auto 0 auto; text-align: left; background: url(../images/bg_saff_message.gif) no-repeat; } #staff_massage p { padding: 10px 20px 0 130px; } /* ご案内 ---------------------------------------------------------------*/ #index_guide { width : 210px; } #index_guide p { } #index_guide ul { list-style-type: none; margin: 0; padding: 0; } #index_guide li { margin: 0; padding: 0; font-size: 90%; } #index_guide00 { margin: 0 20px 0 20px; background: url(../images/bg_index_right.gif) repeat-y; border-bottom: 1px solid #ccc;} #index_guide00 p { padding: 5px 0 0 20px; } #index_guide01 { height: 36px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 0 ; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide02 { background: url(../images/bg_index_right_column.jpg) no-repeat 0 -36px ; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide03 { height: 57px; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide04 { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #index_guide04 ul { list-style-type: none; margin: 0 0 10px 10px; padding: 5px 0 0 0; font-size: 0; line-height: 0; } #index_guide04 li { background: url(../images/m_05.gif) no-repeat 0 7px; line-height: 1.7; padding: 0 0 0 13px; font-size: 11px; margin: 0; } #index_guide04 p#ban_cat { width : 180px; height: 45px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -160px ; margin: 10px 0 0 15px; } #index_guide04 p#ban_cat span { display: none;} #index_guide04 p#ban_cat a { height: 45px; display: block; } #index_guide04 p#ban_est { width : 180px; height: 45px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -210px ; margin: 3px 0 0 15px; padding: 0 0 10px 0; } #index_guide04 p#ban_est span { display: none;} #index_guide04 p#ban_est a { height: 45px; display: block; } #index_guide12 { height: 10px; } #index_guide13 { height: 35px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -353px ; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide14 { height: 80px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -390px ; } #index_guide14 span { padding: 0 5px 0 80px; display:block; font-size: 10px; } #index_guide15 { height: 40px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -473px ; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide16 { height: 80px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -512px ; } #index_guide16 span { padding: 0 5px 0 80px; display:block; font-size: 10px; } #index_guide17 { height: 105px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -595px ; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide18 { height: 73px; background: url(../images/bg_index_right_column.jpg) no-repeat 0 -706px ; font-size: 0; line-height: 0; vertical-align: bottom; } #index_guide02 a { height: 34px; display:block; } #index_guide13 a { height: 35px; display:block; } #index_guide15 a { height: 40px; display:block; } #index_guide17 a { height: 105px; display:block; } #index_guide02 a:hover { background: url(../images/bg_index_right_column.jpg) -210px -36px no-repeat; } #index_guide13 a:hover { background: url(../images/bg_index_right_column.jpg) -210px -353px no-repeat; } #index_guide15 a:hover { background: url(../images/bg_index_right_column.jpg) -210px -473px no-repeat; } #index_guide04 p#ban_cat a:hover { background: url(../images/bg_index_right_column.jpg) -210px -160px no-repeat; } #index_guide04 p#ban_est a:hover { background: url(../images/bg_index_right_column.jpg) -210px -210px no-repeat; } /* ユニフォームをお探しの方へ ---------------------------------------------------------------*/ #index_search { width : 510px; background: url(../images/bg_index_left.gif) repeat-y ; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; font-size: 85%;} #index_search p { margin: 10px 0 10px 10px; } #index_search ul { width : 490px; list-style-type: none; margin: 0 10px 0 10px; padding: 0; } #index_search li { width : 238px; display:block; display:inline; float:left; } #index_search01 { height: 42px; background: url(../images/bg_index_left_column.jpg) -12px -64px no-repeat; } #index_search02 { height: 42px; background: url(../images/bg_index_left_column.jpg) -265px -64px no-repeat; margin: 0 0 0 14px; } #index_search03 { height: 42px; background: url(../images/bg_index_left_column.jpg) -12px -146px no-repeat; margin: 15px 0 0 0; } #index_search04 { height: 42px; background: url(../images/bg_index_left_column.jpg) -265px -146px no-repeat; margin: 15px 0 0 14px; } #index_search05 { height: 42px; background: url(../images/bg_index_left_column.jpg) -12px -227px no-repeat; margin: 15px 0 0 0; } #index_search06 { height: 42px; background: url(../images/bg_index_left_column.jpg) -265px -227px no-repeat; margin: 15px 0 0 14px; } #index_search07 { height: 42px; background: url(../images/bg_index_left_column.jpg) -12px -310px no-repeat; margin: 15px 0 0 0; } #index_search08 { height: 42px; background: url(../images/bg_index_left_column.jpg) -265px -310px no-repeat; margin: 15px 0 0 14px; } #index_search09 { height: 42px; background: url(../images/bg_index_left_column.jpg) -12px -392px no-repeat; margin: 15px 0 0 0; } #index_search10 { height: 42px; background: url(../images/bg_index_left_column.jpg) -265px -392px no-repeat; margin: 15px 0 0 14px; } #index_search01 a { height: 42px; display:block; } #index_search02 a { height: 42px; display:block; } #index_search03 a { height: 42px; display:block; } #index_search04 a { height: 42px; display:block; } #index_search05 a { height: 42px; display:block; } #index_search06 a { height: 42px; display:block; } #index_search07 a { height: 42px; display:block; } #index_search08 a { height: 42px; display:block; } #index_search09 a { height: 42px; display:block; } #index_search10 a { height: 42px; display:block; } .index_search_left_txt { margin: 5px 0 0 0; padding: 0 0 5px 0; background: url(../images/dotline.gif) repeat-x bottom left; } .index_search_right_txt { margin: 5px 0 0 14px; padding: 0 0 5px 0; background: url(../images/dotline.gif) repeat-x bottom left; } .border_none { background: none; } /* 最新情報 */ #index_news { width : 510px; background: url(../images/bg_index_left.gif) repeat-y ; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 25px 0 0 0; } #index_news h2 { height: 30px; background: url(../images/h2img_01.gif) 0 -30px no-repeat; } #index_news ul { width : 480px; list-style-type: none; margin: 15px 15px 0 15px; padding: 0; } #index_news li { line-height: 1.9;} #index_news li span.data { padding: 0 15px 0 0; } /* 安研スタッフブログ */ #index_blog { width : 510px; background: url(../images/bg_index_left.gif) repeat-y ; border-bottom: 1px solid #ccc; padding: 0 0 10px 0; margin: 25px 0 0 0; } #index_blog h2 { height: 30px; background: url(../images/h2img_01.gif) 0 -60px no-repeat; } #index_blog ul { width : 480px; list-style-type: none; margin: 15px 15px 0 15px; padding: 0; } #index_blog li { line-height: 1.9;} #index_blog li span.data { padding: 0 15px 0 0; }