@charset "utf-8"; /* CSS Document */ /****************clearfix*******************/ .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; } .clearfix { min-height: 1px; } * html .clearfix { height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/ } a{ color:#333333; } a:hover{ color:#000066; } body { font-size:12px; color:#333; background:#E0E3E9; line-height:160% !important; } body.cargo_bg { background:#F5F4F0; } .layout960{ width:960px; margin:0 auto; } #header{ width:100%; height:90px; background:url(../img/common/header_bg.jpg) left top repeat-x; } .header_gleam{ width:100%; background:url(../img/common/header_gleam.jpg) center top no-repeat; } #header h1 a{ float:left; width:439px; height:90px; background:url(../img/common/h1_rogo.jpg) left top no-repeat; text-indent:-1000em; margin-left:-18px; display:block; } #header .header_box{ float:right; width:521px; } .accessibility_box{ width:521px; padding-top:22px; margin-bottom:11px; } .accessibility_box .header_social{ float:left; width:190px; height:21px!important; margin-top:-3px; margin-left:50px; } .accessibility_box .header_social li{ float:left; } .accessibility_box .fontsize_set{ float:left; width:155px; background:url(../img/common/font_size_set_bg.png) left top no-repeat; margin-left:0px; } .accessibility_box .fontsize_set ul{ padding-left:65px; } .accessibility_box .fontsize_set li{ float:left; text-indent:-1000em; margin-right:5px; } .accessibility_box .fontsize_set li a{ width:20px; height:14px; display:block; text-indent:-1000em; } .accessibility_box .fontsize_set li.small_size a{ background:url(../img/common/font_small_icon.jpg); background-position:0px 0px; } .accessibility_box .fontsize_set li.small_size a:hover{ background:url(../img/common/font_small_icon.jpg); background-position:0px -14px; } .accessibility_box .fontsize_set li.middle_size a{ background:url(../img/common/font_middle_icon.jpg); background-position:0px 0px; } .accessibility_box .fontsize_set li.middle_size a:hover{ background:url(../img/common/font_middle_icon.jpg); background-position:0px -14px; } .accessibility_box .fontsize_set li.big_size a{ background:url(../img/common/font_big_icon.jpg); background-position:0px 0px; } .accessibility_box .fontsize_set li.big_size a:hover{ background:url(../img/common/font_big_icon.jpg); background-position:0px -14px; } .accessibility_box .lang_btn{ float:right; width:126px; height:14px; } .accessibility_box .lang_btn li{ float:left; } .accessibility_box .lang_btn li a{ display:block; height:14px; text-indent:-1000em; } .accessibility_box .lang_btn li.japanese a{ width:66px; background:url(../img/common/lang_btn.png?1); background-position:0px -14px; } .accessibility_box .lang_btn li.japanese a:hover{ background:url(../img/common/lang_btn.png?1); background-position:0px -14px; } .accessibility_box .lang_btn li.english a{ width:60px; background:url(../img/common/lang_btn.png?1); background-position:-66px 0px; } .accessibility_box .lang_btn li.english a:hover{ background:url(../img/common/lang_btn.png?1); background-position:-66px -14px; } .accessibility_box .lang_btn li.korean a{ width:54px; background:url(../img/common/lang_btn.png?1); background-position:-122px 0px; } .accessibility_box .lang_btn li.korean a:hover{ background:url(../img/common/lang_btn.png?1); background-position:-122px -14px; } .search_box{ height:27px; float:right; } .search_box form{ float:left; } .header_contact{ float:left; margin-left:5px; } .header_contact a{ display:block; text-indent:-1000em; width:140px; height:27px; background:url(../img/common/header_contact_btn.jpg) left top no-repeat; } .header_contact a:hover{ background:url(../img/common/header_contact_btn_on.jpg) left top no-repeat; } #groval_navi{ width:100%; height:52px; background:url(../img/common/gloval_navi_bg.jpg) left top repeat-x; } #groval_navi ul{ width:960px; margin:0 auto; } #groval_navi li{ float:left; } #groval_navi li a{ height:52px; display:block; text-indent:-1000em; } #groval_navi li.topbtn a{ width:77px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:0px 0px; } #groval_navi li.topbtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:0px -52px; } #groval_navi li.routebtn a{ width:135px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-77px 0px; } #groval_navi li.routebtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-77px -52px; } #groval_navi li.farebtn a{ width:83px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-212px 0px; } #groval_navi li.farebtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-212px -52px; } #groval_navi li.introbtn a{ width:203px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-295px 0px; } #groval_navi li.introbtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-295px -52px; } #groval_navi li.facilitybtn a{ width:171px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-498px 0px; } #groval_navi li.facilitybtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-498px -52px; } #groval_navi li.cargobtn a{ width:135px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-669px 0px; } #groval_navi li.cargobtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-669px -52px; } #groval_navi li.yoyakubtn a{ width:156px; background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-804px 0px; } #groval_navi li.yoyakubtn a:hover{ background:url(../img/common/gronavi_bg.jpg) no-repeat; background-position:-804px -52px; } #top_cover{ width:100%; background:url(../img/common/main_v_bg.jpg) center top no-repeat; padding-top:30px; } .main_slide{ width:486px; height:281px; background:url(../img/common/top_slide_bg.png) left top no-repeat; margin-right:15px; margin-bottom:25px; margin-left:459px; } .slide_set{ width:450px; height:214px; padding-top:15px; margin-left:18px; } #f2_cover{ width:100%; background:url(../img/common/f2_cover_bg.jpg) center top no-repeat; padding-top:20px; color:#FFF; } .pan{ width:960px; margin:0 auto; padding-bottom:10px; padding-left:30px; } .pan li{ float:left; margin-right:10px; } .pan li a{ color:#FFF; } #cargo_cover{ width:100%; background:url(../img/common/cargo_cover_bg.jpg) center top no-repeat; padding-top:20px; color:#FFF; } #marquee{ width:960px; margin:30px auto 4px auto; background:url(../img/common/marquee_bg.png) left top no-repeat; } #marquee .marquee_title{ width:105px; height:31px; float:left; margin-left:50px; background:url(../img/common/marquee.jpg) left top no-repeat; text-indent:-1000em; } #marquee .marquee_box{ width:760px; height:29px; float:left; } #marquee .marquee_box{ width:760px; height:29px; } #marquee .marquee_box li{ float:left; font-size:100%; padding-top:1px; height:29px; } #marquee .marquee_box li a{ color:#FFF; } #container{ width:974px; margin:0 auto; background:url(../img/common/container_bg.png) center top no-repeat; padding:13px 7px 0px 7px; } #f2_container{ width:974px; margin:0 auto; background:url(../img/common/container_inner_bg.png) center top repeat-y; padding:13px 7px 0px 7px; } #left_col{ float:left; width:220px; padding-top:35px; margin-left:7px; } #left_col li{ line-height:0px; margin-bottom:10px; } #main_col{ float:left; width:700px; padding-left:15px; padding-top:0px; margin-bottom:10px; color:#333; } #main_col h3{ text-indent:-1000em; } #main_col h4{ width:675px; height:28px; background:url(../img/common/h4_bg.jpg) left top no-repeat; color:#333; font-weight:bold; padding-left:25px; padding-top:11px; font-size:14px; margin-bottom:15px; } #center_col{ float:left; width:460px; padding-top:35px; margin-left:20px; } #right_col{ float:right; width:220px; margin-right:7px; padding-top:5px; padding-bottom:30px; } #right_col img{ font-size:0px; line-height:100%; } #right_col .social_icon_set{ width:197px; height:21px; background:url(../img/common/social_icon.png) left top no-repeat; margin-bottom:8px; } #right_col .side_reserve_btn{ margin-bottom:9px; } #right_col .reserve{ width:220px; height:195px; margin-bottom:9px; background:url(../img/common/reserve_bg.jpg) left top no-repeat; } #right_col .reserve ul{ padding-left:10px; padding-top:55px; } #right_col .reserve li{ margin-bottom:9px; } #left_col .route{ margin-bottom:9px; } #left_col .contact_side{ margin-bottom:9px; } #left_col .contact_side h4{ width:234px; height:45px; background:url(../img/top/h4_contact.jpg) left top repeat-x; margin-left:-14px; text-indent:-1000em; } #left_col .contact_side .contact_side_inner{ width:194px; padding:10px; border:3px #DCDCDC solid; } #left_col .contact_side .contact_side_inner dl.trip{ padding-bottom:14px; margin-bottom:10px; background:url(../img/common/contact_border.jpg) left bottom repeat-x; padding-top:5px; } #left_col .contact_side .contact_side_inner dl.trip dt{ width:191px; height:17px; background:url(../img/common/contact_dt_trip_tell.jpg) left top no-repeat; text-indent:-1000em; margin-bottom:7px; padding-left:2px; } #left_col .contact_side .contact_side_inner dl.cargo dt{ width:191px; height:17px; background:url(../img/common/contact_dt_kamotsu_tell.jpg) left top no-repeat; text-indent:-1000em; margin-bottom:7px; padding-left:2px; } #left_col .contact_side .contact_side_inner dd{ font-size:10px; color:#666666; padding-left:2px; line-height:160%; } #right_col ul.banner li{ margin-bottom:9px; line-height:100%; font-size:0px; padding:0px; } #right_col ul.banner li img{ line-height:100%; font-size:0px; padding:0px; } .container_bottom{ width:976px; height:30px; margin:0 auto; background:url(../img/common//container_bottom.png) center top no-repeat; margin-bottom:15px; text-indent:-1000em; font-size:0px; } #footer{ width:100%; background:url(../img/common/footer_bg.jpg) #FBFCFC center top repeat-x; } .footer_top_jumplink{ width:100%; height:40px; background:url(../img/common/footer_top_bg.jpg) left top repeat-x; } .footer_top_jumplink img.top_jumplink{ float:right; margin-right:15px; } #footer_cargo{ width:100%; background:url(../img/common/footer_bg.jpg) #FBFCFC center top repeat-x; } #footer_cargo .footer_top_jumplink{ width:100%; height:40px; background:url(../img/common/cargo_footer_top_bg.jpg) left top repeat-x; } #footer_cargo .footer_top_jumplink img.top_jumplink{ float:right; margin-right:15px; } .footer_container{ width:960px; margin:0 auto; background:url(../img/common/footer_separate.png) left top no-repeat; margin-top:15px; padding-bottom:0px; } .footer_container .footer_separate{ background:url(../img/common/footer_separate.png) right top no-repeat; float:left; } .footer_container .sepa1{ width:227px; } .footer_container .sepa2{ width:229px; } .footer_container .sepa3{ width:183px; } .footer_container .sepa4{ width:321px; } .footer_container .footer_separate h4{ margin-bottom:10px; margin-left:20px;margin-right:40px; font-size:0px; text-indent:-1000em; height:19px; } .footer_container .footer_separate h4.footer_cameria{ width:181px; background:url(../img/common/footer_h4_cameria.jpg) left top no-repeat;} .footer_container .footer_separate h4.footer_jyousen{ width:181px; background:url(../img/common/footer_h4_jyousen.jpg) left top no-repeat;} .footer_container .footer_separate h4.footer_kamotsu{ width:130px; background:url(../img/common/footer_h4_kamotsu.jpg) left top no-repeat;} .footer_container .footer_separate h4.footer_oshirase{ width:220px; background:url(../img/common/footer_h4_oshirase.jpg) left top no-repeat;} .footer_container .footer_separate ul{ float:left; } .footer_container .footer_separate li{ font-size:90%; background:url(../img/common/footer_arrow.png) left top no-repeat; padding-left:18px; line-height:190%; margin-left:20px; margin-right:0px; } .footer_container .footer_separate li a{ color:#000; } .footer_container .footer_separate li a:hover{ color:#000066; } .external_ban{ margin-bottom:15px; } .external_ban ul{ width:150px; height:40px; margin:0 auto; } .external_ban li{ float:left; width:150px; height:40px; margin:0 10px; list-style:100%; font-size:0px; } .footer_bottom{ width:100%; height:100px; background:url(../img/common/footer_bottom_bg.jpg) #000066 left top repeat-x; padding-top:25px; } .footer_bottom address{ width:516px; height:69px; background:url(../img/common/address_logo.jpg) left top no-repeat; float:left; text-indent:-1000em; } .footer_btn{ float:right; padding-top:7px; } .footer_btn li{ float:left; margin-left:15px; } /* 貨物common */ .cargo_top{ position:relative; z-index:11; top:-28px; margin-bottom:-20px; } .cargo_container{ width:974px; margin:0 auto 0px auto; padding-top:44px; background:url(../cargo/img/cargo_container_top.png) center top no-repeat; } .cargo_container_bg{ width:974px; margin:0 auto 0px auto; padding:0px 0px 0px 0px; background:url(../cargo/img/cargo_container_inner.png) center top repeat-y;} .cargo_container_f2{ width:974px; margin:0 auto 0px auto; padding:13px 7px 0px 7px; background:url(../cargo/img/cargo_container_inner.png) center top repeat-y; } .cargo_container_inner{ width:974px; margin:0 auto; } #cargo_left{ width:220px; float:left; margin-left:15px;} ul.cargo_menu{ width:220px; margin-bottom:15px; } ul.cargo_menu li{ font-size:0px; line-height:100%; margin-bottom:5px; } .cargo_contact{ width:220px; height:35px; background:url(../cargo/img/cargo_contact.jpg) left top no-repeat; margin-bottom:10px; text-indent:-1000em; } #cargo_center{ width:460px; float:left; margin-left:22px; } #cargo_main{ float:left; width:700px; padding-left:22px; padding-top:0px; margin-bottom:10px; color:#333; } #cargo_main h3{ text-indent:-1000em; } #cargo_main h4{ width:675px; height:28px; background:url(../img/common/h4_bg.jpg) left top no-repeat; color:#333; font-weight:bold; padding-left:25px; padding-top:11px; font-size:14px; margin-bottom:15px; } #cargo_right{ width:220px; float:right; margin-right:15px; } .cargo_pdf_inner{ width:218px; border:1px solid #999999; } .cargo_pdf_inner h4{ width:218px; height:43px; background:url(../cargo/img/cargo_pdf_h4.jpg) left top no-repeat; text-indent:-1000em; } .cargo_pdf_inner ul{ width:200px; padding:10px; } .cargo_pdf_inner li{margin-bottom:6px; width:190px; } .cargo_pdf_inner li p{ float:left; width:130px; background:url(../cargo/img/cargo_pdf_arrow.jpg) left top no-repeat; padding-left:18px; color:#333; line-height:130%; } .cargo_pdf_inner li .pdf_icon a{ float:right; display:block; width:15px; height:18px; background:url(../cargo/img/pdf_icon.jpg) left top no-repeat; text-indent:-1000em; } .cargo_pdf_inner li .xls_icon a{ float:right; display:block; width:15px; height:18px; background:url(../cargo/img/xls_icon.jpg) left top no-repeat; text-indent:-1000em; margin-left:5px; } img.get_adobe_reader{ float:right; margin-top:10px; } .cargo_container_bottom{ width:976px; height:30px; margin:0 auto 20px auto; font-size:0px; background:url(../cargo/img/cargo_container_bottom.png) center top no-repeat; } .wp-pagenavi{ margin:0 0 30px 30px; } .wp-pagenavi .pages{ display:none; } .wp-pagenavi .current{ display:none; } .wp-pagenavi .page{ display:none; } .wp-pagenavi a{ width:113px; height:26px; display:block; text-indent:-1000em; } .wp-pagenavi a:hover{background-position:0 -26px;} .wp-pagenavi a.previouspostslink{ float:left; background:url(../news/img/bt_pre.gif); background-position:0px 0px; } .wp-pagenavi a.nextpostslink{ float:right; background:url(../news/img/bt_ne.gif); background-position:0px 0px; } /* 4/1 メニュー変更 */ #left_col .first_menu{ margin-bottom:10px; width:220px; height:400px; background:url(../img/top/first_menu_bg.jpg) left top repeat-x; } #left_col .first_menu h4{ margin-left:-17px; } #left_col .first_menu ul{ width:180px; margin:0 auto; } #left_col .first_menu li{ width:180px; font-size:0px; line-height:100%; margin-bottom:0px!important; } #left_col .info{ margin-bottom:10px; } #left_col .info h4{ margin-left:-15px; } #left_col .info .info_inner{ border:1px solid #ccc; border-top:0px; } #left_col .info .info_inner p{ padding:15px; } #left_col .entry{ margin-bottom:10px; } #left_col .entry h4{ margin-left:-15px; } #left_col .entry .entry_inner{ border:1px solid #ccc; border-top:0px; } #left_col .entry .entry_inner p{ padding:15px; } .middle_ban{ margin-bottom:20px; } .middle_ban .ebook{ width:225px; float:left; height:135px; background:url(../img/top/ebook_bg.jpg) left top repeat-x; } .middle_ban .ebook .jp{ margin-top:70px; margin-left:11px; } .middle_ban .ebook .eng{ margin-top:70px; margin-right:11px; } .middle_ban .movie{ width:225px; float:right; height:135px; }