/*------------------------------------------------------------------------ Copyright Studio FIX Inc. --------------------------------------------------------------------------*/ * { margin: 0px; padding: 0px; } body { text-align: center; font-size: 90%; color: #4d4d4d; line-height: 1.6; background-color: #fff; } a:link { color:#2d55cf; text-decoration:underline; } a:visited { color:#5f3e7f; text-decoration:underline; } a:active { color:#0033ff; text-decoration: underline; } a:hover { color:#b56c4b; text-decoration: underline; } img { border: 0; } br.clear { clear: both; } div.all_clear { clear: both; visibility: hidden; height: 0; } .margin_top20 { margin-top : 20px; } .margin_top30 { margin-top : 30px; } h1 { /*\*/overflow: hidden; /**/ text-indent: -100em;} h2 { /*\*/overflow: hidden; /**/ text-indent: -100em;} h2#h2_lavel01 { background: url(../images/h2img_01.gif) 0 0 no-repeat ; height: 53px; margin: 0 0 15px 0; } /*------------------------------------------------------------------------ Main Layout Block --------------------------------------------------------------------------*/ #main_layout { width : 950px; margin: 0 auto 20px auto; text-align: left; } /*------------------------------------------------------------------------ Header Layout Block --------------------------------------------------------------------------*/ #header { width : 950px; margin: 10px auto 0 auto; text-align: left; } #header_left { width: 450px; float: left; background-image: none; } #header_right { width: 500px; float: right; background-image: none; } #header_right ul { float:right; list-style-type: none; margin: 5px 0 0 0; padding: 0; clear: both;} #header_right li { float:left; position:relative; padding: 0 ; } /*--ロゴ --*/ h1#logo { width : 220px; height: 45px; background: url(../images/logo.gif) ; /*\*/overflow: hidden; /**/ text-indent: -100em;} h1#logo a { display: block; text-decoration: none; outline: none; } /*--TEL --*/ #tel { width : 500px; height:25px; background: url(../images/head_tel.gif) ; /*\*/overflow: hidden; /**/ text-indent: -100em; } /*--メインビジュアル --*/ #main_img { margin: 0; padding: 0; } /*------------------------------------------------------------------------ Global Navigation Block --------------------------------------------------------------------------*/ #global_navi { width:950px; height:52px; background:url(../images/global_navi.gif) no-repeat; background-position: 0 0; margin: 0; padding: 0; } #global_navi span { display: none;} #global_navi ul { list-style-type: none; margin: 0; padding: 0;} #global_navi li { height:52px; display:block; float:left; display:inline; } #global_navi a { height:52px; display:block;} #global_navi01 { width: 110px; } #global_navi02 { width: 156px; } #global_navi03 { width: 110px; } #global_navi04 { width: 93px; } #global_navi05 { width: 90px; } #global_navi06 { width: 124px; } #global_navi07 { width: 130px; } #global_navi08 { width: 137px; } #global_navi01 a:hover { background: url(../images/global_navi.gif) 0px -100px no-repeat; } #global_navi02 a:hover { background: url(../images/global_navi.gif) -110px -100px no-repeat; } #global_navi03 a:hover { background: url(../images/global_navi.gif) -266px -100px no-repeat; } #global_navi04 a:hover { background: url(../images/global_navi.gif) -376px -100px no-repeat; } #global_navi05 a:hover { background: url(../images/global_navi.gif) -469px -100px no-repeat; } #global_navi06 a:hover { background: url(../images/global_navi.gif) -559px -100px no-repeat; } #global_navi07 a:hover { background: url(../images/global_navi.gif) -683px -100px no-repeat; } #global_navi08 a:hover { background: url(../images/global_navi.gif) -813px -100px no-repeat; } #active_navi01 { width: 110px; background: url(../images/global_navi.gif) 0px -200px no-repeat;} #active_navi02 { width: 156px; background: url(../images/global_navi.gif) -110px -200px no-repeat;} #active_navi03 { width: 110px; background: url(../images/global_navi.gif) -266px -200px no-repeat; } #active_navi04 { width: 93px; background: url(../images/global_navi.gif) -376px -200px no-repeat; } #active_navi05 { width: 90px; background: url(../images/global_navi.gif) -469px -200px no-repeat;} #active_navi06 { width: 124px; background: url(../images/global_navi.gif) -559px -200px no-repeat;} #active_navi07 { width: 130px; background: url(../images/global_navi.gif) -683px -200px no-repeat;} #active_navi08 { width: 137px; background: url(../images/global_navi.gif) -813px -200px no-repeat;} /*------------------------------------------------------------------------ 3 Column Layout --------------------------------------------------------------------------*/ #index_container { width: 950px; margin: 10px 0 0 0; } #index_container_wrapper { width: 745px; float: left; } #index_container_center { width: 540px; float :right } #index_container_left { width: 195px; float: left; } #index_container_right { width: 195px; float: right; } #index_container ul { list-style-type: none; margin:0; padding: 0; } #index_container li { width: 195px; margin: 0 ; } #index_container span { display: none;} #index_container a { height: 105px; display:block;} #index_containert01 { height: 105px; background: url(../images/ban_institution.jpg) 0 0 no-repeat; } #index_containert02 { height: 110px; background: url(../images/ban_institution.jpg) 0 -106px no-repeat; } #index_containert03 { height: 107px; background: url(../images/ban_institution.jpg) 0 -217px no-repeat; } #index_containert04 { height: 105px; background: url(../images/ban_institution.jpg) 0 -336px no-repeat; } #index_containert05 { height: 110px; background: url(../images/ban_institution.jpg) 0 -443px no-repeat; } #index_containert06 { height: 107px; background: url(../images/ban_institution.jpg) 0 -555px no-repeat; } /*------------------------------------------------------------------------ 2 Column Layout --------------------------------------------------------------------------*/ #container { width: 950px; margin: 20px 0 0 0; } #container_left { width: 195px; float: left; background: url(../images/ban_index.gif) no-repeat; } #container_right { width: 745px; float: right; background: url(../images/bg_containerright_02.gif) repeat-y;} #container_left ul { list-style-type: none; margin:0; padding: 0; } #container_left li { width: 195px; margin: 0 ; line-height: 0; } #container_left span { display: none;} #container_left a { height: 70px; display:block;} #container_left01 { height: 75px; } #container_left02 { height: 70px; } #container_left03 { height: 70px; } #container_left04 { height: 75px; } #container_left05 { height: 70px; } #contents { padding: 20px; } /*------------------------------------------------------------------------ Footer Navigattion --------------------------------------------------------------------------*/ #footer_navi { width: 950px; border-top: 1px solid #ccc ; margin: 40px 0 0 0; padding: 8px 0 15px 0; text-align: center; font-size: 90%; } #footer_navi ul { width: 950px; position: static; float: left; display: block; list-style: none; margin: 5px 0 0 0; padding: 0; text-align: center; } #footer_navi li { position: relative; display: inline; list-style: none; border-left: 1px solid #999; margin: 0; padding: 0 3px 0 6px; } #footer_navi li.end { border-right: 1px solid #999; padding: 0 6px 0 6px;} /*------------------------------------------------------------------------ Copyright --------------------------------------------------------------------------*/ #copy { width : 950px; font-size: 90%; text-align: center; background: url(../images/bg_foot02.gif) repeat-y;} #copy ul { width : 950px; margin: 0; padding: 5px 0 0 0; position: static; float: left; display: block; list-style: none; text-align: center; } #copy li { position: relative; display: inline; list-style: none; border-style: solid; border-width: 0 0 0 1px; border-color: #999; padding: 0 3px 0 6px; } #copy li.end { border-right: 1px solid #999; padding: 0 6px 0 6px;} #copy p { text-align: center; margin: 15px 0 0 0; } /*------------------------------------------------------------------------ INDEX --------------------------------------------------------------------------*/ #index { } #index h2#h2_lavel01 { background-position: 0 0; margin: 0 0 15px 0; } #index h2#h2_lavel01 { background: url(../images/h2img_01.gif) no-repeat ; height: 53px; } /*------------------------------------------------------------------------ トピックス --------------------------------------------------------------------------*/ .topics { margin: 0 0 20px 0; } .topics p.data { padding: 3px 10px 0 10px ; background-color: #fff0e2; } .topics p.title { padding: 0 10px 3px 10px ; background-color: #fff0e2; font-weight: bold; } .topics p.text { padding: 3px 10px 3px 10px ; } .topics p.link { background: url(../../common/images/m_01.gif) no-repeat 0 0.5em; margin: 0 0 0 8px; padding: 0 0 10px 1.1em; } /*------------------------------------------------------------------------ Left Banner --------------------------------------------------------------------------*/ .banner_layout { } .banner_layout ul { list-style-type: none; margin:0; padding: 0; } .banner_layout li { margin: 0 ; line-height: 0; }