@charset "utf-8"; @import url('colorbox.css'); /*========================= CONTENTS ========================== 1: universal reset 2: accessibility 3: common setting 4: layout setting 5: common element 6: side_area element 7: toppage 8: icon_text 9: other 10: clearfix 11: 2017年02月10日 Additional Style ============================================================*/ /*============================================================ 1: - universal reset ============================================================*/ * { margin: 0; padding: 0; } html { overflow-y: scroll; } ul, li { list-style-type: none; } img { border-width: 0; vertical-align: bottom; } table, td, th { border: none; border-spacing: 0; border-collapse: separate; vertical-align: top; text-align: left; } * html table { border-collapse: collapse; } *:first-child+html table { border-collapse: collapse; } h1, h2, h3, h4, h5, h6, em, strong, address, table, th, td { font-weight: normal; font-style: normal; font-size: 100%; } textarea { font-size: 75%; } button, html input[type="button"], input[type="reset"], input[type="submit"] { border: none; cursor: pointer; -webkit-appearance: button; *overflow: visible; } /* img { max-width: 100%; height: auto; } */ /*============================================================ 2: - accessibility ============================================================*/ /* -#elem_skip_navi ----------------------------------------------------------- */ #elem_skip_navi { position: absolute; top: -9999px; } /*============================================================ 3: - common setting ============================================================*/ /* -common ----------------------------------------------------------- */ body { color: #070d1a; font-size: 75%; font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS Pゴシック", "Osaka"; line-height: 1.5; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; } strong { font-weight: bold; font-style: normal; } em { font-weight: bold; font-style: normal; } /* -a ----------------------------------------------------------- */ a { overflow: hidden; outline: none !important; cursor: pointer; color: #0060b0; } a:link { color: #0060b0; text-decoration: underline; } a:hover { color: #0060b0; text-decoration: none; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition-duration: all 0.2s ease; transition-duration: all 0.2s ease; } a:focus { outline: thin dotted; } a:active, a:hover { outline: 0; } .area_header_pad a:hover, a img:hover { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition-duration: none; transition-duration: none; } /*============================================================ 4: - layout setting ============================================================*/ /* -#area_header ----------------------------------------------------------- */ #area_header { position: relative; z-index: 2; padding: 4px 0 0; background-color: #003d70; background-image: linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -o-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -moz-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -webkit-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -ms-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0.25, rgb(1, 46, 82)), color-stop(1, rgb(0, 97, 176))); -pie-background: linear-gradient(left, #012d52, #0157a0); behavior: url("/common/js/PIE_uncompressed.htc"); } #area_header .area_header_pad { height: 103px; background: #fff; } #area_header .area_header_pad .area_header_pad { background: transparent url(/common/images/module_parts/area_header/bg_header_shadow.gif) repeat-x 0 100%; } #area_header .area_header_pad .area_header_pad .area_header_pad { height: 96px; border-bottom: solid 3px #d9d9d9; background: none; } #area_header .area_header_pad .area_header_pad .area_header_pad .area_header_pad { margin: auto; width: 960px; border-bottom: none; } #area_header .area_header_pad h1 { float: left; margin: 0 15px 0 0; width: 135px; height: 96px; background: transparent url(/common/images/module_parts/area_header/logo.gif) no-repeat 0 15px; text-indent: -9999px; } #area_header .area_header_pad h1 a { display: block; width: 135px; height: 80px; } #area_header .area_header_pad ul { float: left; margin: 28px 0 0; width: 632px; } #area_header .area_header_pad ul li { float: left; margin: 0 3px 0 0; } #area_header .area_header_pad ul li a { display: block; width: 155px; height: 50px; background-image: url(/common/images/module_parts/area_header/bg_nav_splite.gif); text-indent: -9999px; } #area_header .area_header_pad ul li.current a { background-position: 0 -50px; } /* nav1 */ #area_header .area_header_pad a.gn_01 { background-position: 0 0; } #area_header .area_header_pad a.gn_01:hover { background-position: 0 100%; } /* nav2 */ #area_header .area_header_pad a.gn_02 { background-position: -158px 0; } #area_header .area_header_pad a.gn_02:hover { background-position: -158px 100%; } /* nav3 */ #area_header .area_header_pad a.gn_03 { background-position: -316px 0; } #area_header .area_header_pad a.gn_03:hover { background-position: -316px 100%; } /* nav4 */ #area_header .area_header_pad a.gn_04 { background-position: -474px 0; } #area_header .area_header_pad a.gn_04:hover { background-position: -474px 100%; } /* Google Custom Search */ #header_right { position: relative; float: right; width: 178px; } .ie6 #header_right { width: 175px; } #header_right div { padding: 2px 0 0; } #header_right div p { float: right; padding: 0; width: 147px; height: 23px; background: transparent url(/common/images/module_parts/area_header/aerospace_exploration_agency.gif) no-repeat 0; } #header_right div p span { display: none; } #header_right p { padding: 6px 0; text-align: right; } #header_right p span { padding: 0 0 0 21px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } #header_right form { float: right; width: 147px; } #header_right input { float: left; /* iOS */ -webkit-border-radius: 0; -webkit-appearance: none; } #header_right .searchbox { padding: 0 !important; width: 123px; height: 21px; outline: none; border: solid 1px #dbdbdb !important; } #header_right .searchbox:focus { border: 1px solid #aaa; } #header_right input.search_button { width: 22px; height: 23px; background: transparent url(/common/images/module_parts/area_header/bg_search_button.gif) no-repeat 0 0; text-indent: -9999px; } /* IE6 */ .ie6 #header_right input.search_button { background: transparent url(/common/images/module_parts/area_header/bg_search_button.gif) no-repeat -2px -2px; } /* Sub Menu */ .submenu_wrapper { position: absolute; z-index: 101; display: none; width: 100%; background: #004697 url(/common/images/module_parts/area_header/bg_submenu.gif) repeat-x 0 0; -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); } .submenu_wrapper .submenu_container { margin: auto; padding: 15px 10px; width: 940px; } .submenu_wrapper .submenu_container dl.sub1 { width: 111px; } .submenu_wrapper .submenu_container dl.sub2 { margin: 0 0 0 20px; padding: 0 0 0 20px; width: 787px; border-left: solid 2px #fff; } .submenu_wrapper .submenu_container dl { float: left; } .submenu_wrapper .submenu_container dl dt { color: #fff; } .submenu_wrapper .submenu_container dl dt a { color: #fff; } .submenu_wrapper .submenu_container dl.sub1 dt { margin: 0 0 5px; font-size: 266.66%; line-height: 1.25em; } .submenu_wrapper .submenu_container dl.sub2 dt { margin: 0 0 3px; font-size: 150%; } .submenu_wrapper .submenu_container dl dd { color: #fff; font-size: 116.66%; } .submenu_wrapper .submenu_container dl.sub2 dd { margin: 0 0 23px; } .submenu_wrapper .submenu_container dl.sub2 dd:last-child { margin: 0; } .submenu_wrapper .submenu_container dl.sub2 ul { margin: -8px 0 0; } .submenu_wrapper .submenu_container dl.sub1 ul li { padding: 0 0 0 20px; text-indent: -20px; } .submenu_wrapper .submenu_container dl.sub2 ul li { float: left; margin: 8px 30px 0 0; } .submenu_wrapper .submenu_container ul li a { padding: 0 0 0 20px; background: transparent url(/common/images/content_images/arrow/right_02.png) no-repeat 0 0.2em; color: #fff; text-decoration: none; letter-spacing: -0.075em; } /* Machintosh */ .mac .submenu_wrapper .submenu_container ul li a { background: transparent url(/common/images/content_images/arrow/right_02.png) no-repeat 0 0; } .submenu_wrapper .submenu_container ul li a:hover { text-decoration: underline; } .submenu_passive { display: none !important; } /* -#area_main_visual ----------------------------------------------------------- */ #area_main_visual { margin: 0 0 25px; } #area_main_visual .area_main_visual_pad { position: relative; height: 403px; background: #262626; } #area_main_visual #elem_main_visual, #prev, #next { position: absolute; height: 74px; } #area_main_visual #elem_main_visual { overflow: hidden; width: 100%; height: 403px; } /* Carousel */ #carousel {} #carousel div { position: relative; } #carousel div.carousel_box { display: none; float: left; width: 1300px; text-align: center; } /* Slider Inner Box */ #carousel div.carousel_box .slider_inner_box { margin: 35px auto 0; padding: 10px; width: 940px; background: #f2f2f2; } .slider_inner_box .elem_pic_block, .slider_inner_box .elem_pic { margin: 0; } .slider_inner_box h2 { margin: 0 0 15px; color: #c1b63c; font-weight: bold; font-size: 188.66%; } .slider_inner_box ul li { text-indent: 0 !important; } .slider_inner_box .elem_text_list_navi { margin: -15px 0 0; } /* Pagination */ #prev, #next { margin: -37px 0 0; width: 37px; background: center center no-repeat transparent; } #prev span, #next span { display: none; } #prev:hover, #next:hover { opacity: 0.5; } #prev { top: 50%; left: 5%; background-image: url(/common/images/module_parts/slider/prev.png); } #next { top: 50%; right: 5%; background-image: url(/common/images/module_parts/slider/next.png); } #pager { position: absolute; bottom: 90px; width: 100%; text-align: center; } #pager a { display: inline-block; margin: 0 5px 0 0; width: 27px; height: 27px; background: url(/common/images/module_parts/slider/pag_empty.png) 0 0 no-repeat transparent; } #pager a.selected { background: url(/common/images/module_parts/slider/pag_current.png) 0 0 no-repeat transparent; cursor: default; } #pager a span { display: none; } /* -#area_content ----------------------------------------------------------- */ #area_content {} #area_content .area_content_pad { margin: 0 auto 50px; padding: 0 20px; width: 940px; } #area_content .area_content_pad .area_content_pad { margin: 0; padding: 0; } #area_content .area_content_pad .area_content_pad .area_content_pad {} #layout_column2 #area_content .area_content_pad .area_content_pad .area_content_pad {} /* -#area_content_main ----------------------------------------------------------- */ #layout_column1 #area_content_main { margin: 0; width: 940px; } #layout_column2 #area_content_main { float: left; width: 710px; } /* #area_content_main { background: #fff; } */ /* -#area_content_side ----------------------------------------------------------- */ #area_content_side { float: right; } /* -.elem_sns ----------------------------------------------------------- */ .elem_sns {} .elem_sns .elem_sns_pad { margin: auto; background: #262626; } /* Firefox */ .gecko .elem_sns .elem_sns_pad { min-width: 980px; } .elem_sns .elem_sns_pad ul { margin: auto; padding: 10px 0 0; width: 960px; height: 35px; } .elem_sns .elem_sns_pad ul li { float: left; } .elem_sns .elem_sns_pad ul li a { display: block; margin: 0 12px 0 0; text-indent: -9999px; } a.sns_yt, a.sns_tw, a.sns_fb, a.sns_gp, a.sns_hb { width: 25px; height: 25px; } a.sns_yt { background: url(/common/images/module_parts/area_footer/yt.gif) no-repeat 0 0; } a.sns_tw { background: url(/common/images/module_parts/area_footer/tw.gif) no-repeat 0 0; } a.sns_fb { background: url(/common/images/module_parts/area_footer/fb.gif) no-repeat 0 0; } a.sns_gp { background: url(/common/images/module_parts/area_footer/gp.gif) no-repeat 0 0; } a.sns_hb { background: url(/common/images/module_parts/area_footer/hb.gif) no-repeat 0 0; } /* -#area_footer ----------------------------------------------------------- */ #area_footer {} #area_footer .area_footer_pad { margin: auto; padding: 0; width: 960px; *zoom: 1; } #area_footer .area_footer_pad .area_footer_pad { padding: 0; } #area_footer .area_footer_pad .area_footer_pad .area_footer_pad { padding: 30px 0 20px; } #area_footer .footer_left_block { float: left; width: 50%; } #area_footer .footer_right_block { float: right; width: 50%; text-align: right; } #area_footer .footer_right_block p.copyright small { font-size: 100%; } #area_footer .footer_left_block .elem_assist_navi ul {} #area_footer .footer_left_block .elem_assist_navi ul li { float: left; } #area_footer .footer_left_block .elem_assist_navi ul li span { padding: 0 0.5em; } #area_footer .footer_left_block .elem_assist_navi ul li a { font-size: 100%; } /* elem footer */ .elem_footer { padding: 0 0 50px; } .elem_footer .elem_footer_pad {} .elem_footer .elem_footer_pad .footer_logo { float: left; width: 211px; height: 372px; } .elem_footer .elem_footer_pad .footer_logo a { position: relative; top: 35%; display: block; margin: -60px 0 0 0; width: 188px; height: 119px; background: #fff url(/common/images/module_parts/area_footer/logo.gif) no-repeat 0 0; text-indent: -9999px; } .elem_footer .elem_footer_pad .footer_nav { float: left; } .elem_footer .elem_footer_pad .footer_nav .footer_nav1 { width: 556px; } .elem_footer .elem_footer_pad .footer_nav .footer_nav2 { padding: 0 0 0 20px; width: 172px; border-left: dashed 1px #b2b2b2; } .elem_footer .elem_footer_pad .footer_nav .footer_nav1 ul { float: left; margin: 0 0 1em; padding: 0 30px 0 0; width: 155px; } .elem_footer .elem_footer_pad .footer_nav p { margin: 0 0 1em; font-weight: bold; font-size: 150%; } .elem_footer .elem_footer_pad .footer_nav .footer_nav_pad ul li { margin: 0 0 0.25em; } .elem_footer .elem_footer_pad .footer_nav .footer_nav2 .footer_nav_pad ul li { margin: 0 0 0.25em; } .elem_footer .elem_footer_pad .footer_nav .footer_nav1 .footer_nav_pad ul li.large a { white-space: nowrap; font-weight: bold; font-size: 133.33%; } /* IE6 */ .ie6 .elem_footer .elem_footer_pad .footer_nav .footer_nav1 .footer_nav_pad ul li.large a { white-space: normal; word-break: break-all; } /*============================================================ 5: - common element ============================================================*/ /* -#elem_heading_lv1 ----------------------------------------------------------- */ #elem_heading_lv1 { position: relative; z-index: auto; min-height: 80px; background-color: #003d70; background-image: linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -o-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -moz-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -webkit-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -ms-linear-gradient(left, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0.25, rgb(1, 46, 82)), color-stop(1, rgb(0, 97, 176))); -pie-background: linear-gradient(left, #012d52, #0157a0); behavior: url("/common/js/PIE_uncompressed.htc"); /* IE6 */ height: auto !important; height: 80px; } /* Firefox */ .gecko #elem_heading_lv1 { min-width: 980px; } #elem_heading_lv1 .elem_heading_lv1_pad { margin: auto; padding: 10px; width: 940px; letter-spacing: -0.4em; } #elem_heading_lv1 .elem_heading_lv1_pad span.adjust_block { display: inline-block; width: 0; height: 80px; vertical-align: middle; font-size: 0; } #elem_heading_lv1 .elem_heading_lv1_pad h1 { display: inline-block; vertical-align: middle; max-width: 838px; letter-spacing: -0.05em; line-height: 1.1; } .ie6 #elem_heading_lv1 .elem_heading_lv1_pad h1, .ie7 #elem_heading_lv1 .elem_heading_lv1_pad h1 { width: auto !important; width: 838px; } /* +Subtext */ #elem_heading_lv1 .elem_heading_lv1_pad h1 span.subtext { display: block; padding: 0 0 0.5em; color: #fff; font-size: 116.66%; } #elem_heading_lv1 .elem_heading_lv1_pad h1 span.text { padding: 0 20px 0 0; color: #fff; font-weight: normal; font-size: 300%; } #elem_heading_lv1 .elem_heading_lv1_pad span.icon_text {} /* IE 6 */ * html #elem_heading_lv1 .elem_heading_lv1_pad h1 { *display: inline; *zoom: 1; } /* IE 7 */ *:first-child+html #elem_heading_lv1 .elem_heading_lv1_pad h1 { *display: inline; *zoom: 1; } /* -.elem_heading_lv2 ----------------------------------------------------------- */ .elem_heading_lv2 { position: relative; margin: 0 -10px; padding: 0 0 20px; *zoom: 1; } .elem_heading_lv2 .elem_heading_lv2_pad { position: relative; padding: 0 0 0 4px; background-image: linear-gradient(top, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -o-linear-gradient(top, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -moz-linear-gradient(top, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -webkit-linear-gradient(top, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -ms-linear-gradient(top, rgb(1, 46, 82) 25%, rgb(0, 97, 176) 100%); background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.25, rgb(1, 46, 82)), color-stop(1, rgb(0, 97, 176))); -pie-background: linear-gradient(top, #012d52, #0157a0); behavior: url("/common/js/PIE_uncompressed.htc"); } .ie9 .elem_heading_lv2 .elem_heading_lv2_pad { background: url(/common/images/module_parts/heading_lv2/bg_h2_02.jpg) repeat-y 0 50%; } .elem_heading_lv2 .elem_center { position: relative; padding: 0 10px; background-image: none; -pie-background: none; } .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad { position: relative; padding: 8px 10px 8px 6px; background: #f2f2f2; /* IE6 IE7 */ height: 100%; -pie-background: none; } .elem_heading_lv2 .elem_center .elem_heading_lv2_pad { padding: 0; background: none; } .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad h2 { display: table-cell; max-width: 720px; vertical-align: middle; font-weight: bold; font-size: 166.66%; line-height: 1.3; width: expression(document.body.clientWidth> 721? "720px": "auto"); } .elem_heading_lv2 .elem_center .elem_heading_lv2_pad h2 { display: block; max-width: inherit !important; vertical-align: middle; font-weight: bold; font-size: 166.66%; line-height: 1.3; width: auto; text-align: center; } /* IE 6 */ * html .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad h2 { *display: inline; *zoom: 1; } /* IE 7 */ *:first-child+html .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad h2 { *display: inline; *zoom: 1; } .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.icon { display: table-cell; padding: 0 0 0 1.5em; vertical-align: middle; } /* IE 6 */ * html .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.icon { *display: inline; *zoom: 1; } /* IE 7 */ *:first-child+html .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.icon { *display: inline; *zoom: 1; } .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.link { position: absolute; top: 50%; right: 10px; margin: -0.75em 0 0 0; padding: 0 0 0 20px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } /* IE 6 */ .ie6 .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.link { margin: -0.5em 0 0 0; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.1em; } /* IE 6 */ * html .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.link { *display: inline; *zoom: 1; } /* IE 7 */ *:first-child+html .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad span.link { *display: inline; *zoom: 1; } .elem_heading_lv2 a img:hover { opacity: 0.9; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50); -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition-duration: all 0.2s ease; transition-duration: all 0.2s ease; } /* Column 2 VERSION */ #layout_column2 .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad h2 { max-width: 600px; width: expression(document.body.clientWidth> 601? "600px": "auto"); } /* -.elem_heading_lv3 ----------------------------------------------------------- */ .elem_heading_lv3 { position: relative; margin: 0 -10px; padding: 0 10px 15px; *zoom: 1; } .elem_heading_lv3 .elem_heading_lv3_pad { margin: 0 -10px; padding: 10px; background: transparent url(/common/images/module_parts/heading_lv3/bg_h3_01.jpg) no-repeat 0 100%; } .elem_heading_lv3 .elem_heading_lv3_pad h3 { font-weight: bold; font-size: 150%; line-height: 1.3; } /* Link */ .elem_heading_lv3 .link h3 { position: relative; padding: 0 0 0 18px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.3em; } /* Machintosh */ .mac .elem_heading_lv3 .link h3 { position: relative; padding: 0 0 0 18px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } /* -.elem_heading_lv4 ----------------------------------------------------------- */ .elem_heading_lv4 { position: relative; margin: 0 -10px; padding: 0 10px 15px; *zoom: 1; } .elem_heading_lv4 .elem_heading_lv4_pad { margin: 0 -10px; padding: 9px 10px; border-bottom: solid 1px #d9d9d9; } .elem_heading_lv4 .elem_heading_lv4_pad h4 { font-weight: bold; font-size: 133.33%; line-height: 1.3; } /* link */ .elem_heading_lv4 .link h4 { position: relative; padding: 0 0 0 18px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.2em; } /* IE6 */ .ie6 .elem_heading_lv4 .link h4 { background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.1em; } /* Machintosh */ .mac .elem_heading_lv4 .link h4 { background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } /* -.elem_heading_lowest ----------------------------------------------------------- */ .elem_heading_lowest { padding: 0 0 12px; } .elem_heading_lowest .elem_heading_lowest_pad {} .elem_heading_lowest .elem_heading_lowest_pad h6 { color: #000; font-weight: bold; font-size: 116.66%; line-height: 1.3; } /* -.elem_content_divide ----------------------------------------------------------- */ .elem_content_divide {} .elem_content_divide .elem_content_divide_pad .elem_content_divide_pad { position: relative; margin: 0 0 0 -20px; letter-spacing: -0.4em; *zoom: 1; } .elem_content_divide .divide_block { display: inline-block; margin: 0 0 15px 20px; vertical-align: top; letter-spacing: normal; *zoom: 1; } /* IE6 */ * html .elem_content_divide .divide_block { *display: inline; *zoom: 1; } /* IE7 */ *:first-child+html .elem_content_divide .divide_block { *display: inline; *zoom: 1; } /* col2 */ .elem_content_divide .elem_content_divide_col2 .divide_block { width: 460px; } /* col2 (column2 Version) */ .column2 .elem_content_divide .elem_content_divide_col2 .divide_block { width: 301px; } /* col3 */ .elem_content_divide .elem_content_divide_col3 .divide_block { width: 300px; } /* col4*/ .elem_content_divide .elem_content_divide_col4 .divide_block { width: 220px; } /* col5 */ .elem_content_divide .elem_content_divide_col5 .divide_block { width: 172px; } /* h2 fix (col2) */ .elem_content_divide_col2 h2, .elem_content_divide_col3 h2 { width: auto !important; } .divide_block .elem_heading_lv2 { padding: 0 0 20px; } .divide_block .elem_heading_lv3, .divide_block .elem_heading_lv4 { padding: 0 0 15px; } .divide_block .elem_heading_lv3 .elem_heading_lv3_pad, .divide_block .elem_heading_lv4 .elem_heading_lv4_pad { padding: 0 0 10px; } .divide_block .elem_heading_lv2, .divide_block .elem_heading_lv3, .divide_block .elem_heading_lv4, .divide_block .elem_heading_lv2 .elem_heading_lv2_pad, .divide_block .elem_heading_lv3 .elem_heading_lv3_pad, .divide_block .elem_heading_lv4 .elem_heading_lv4_pad { margin: 0; } .divide_block span.icon { position: relative; } .about_extended { margin: 0 -10px; } .about_extended .divide_block { width: 306px !important; } /* -.elem_pic ----------------------------------------------------------- */ .elem_pic { margin: 0 0 15px; } .elem_pic .elem_pic { margin: 0; } /* -.elem_tabs ----------------------------------------------------------- */ .elem_tabs { position: relative; margin: 0 -10px 20px; *zoom: 1; } .elem_tabs .elem_tabs_pad {} .elem_tabs .elem_tabs_pad ul { padding: 0 0 10px; min-height: 42px; background: transparent url(/common/images/module_parts/tabs/bg_tabs.gif) repeat-x 0 100%; letter-spacing: -0.4em; /* IE6 */ height: auto !important; height: 42px; } .elem_tabs .elem_tabs_pad ul li { position: relative; display: inline-block; margin: 0 0 0 10px; padding: 0 10px; border: solid 1px #dbdbdb; border-bottom: none; border-radius: 6px 6px 0 0; background: #fff url(/common/images/module_parts/tabs/bg_li.gif) repeat-x 0 100%; vertical-align: bottom; letter-spacing: -0.4em; behavior: url("/common/js/PIE_uncompressed.htc"); } /* Firefox */ .gecko .elem_tabs .elem_tabs_pad ul li { white-space: nowrap; } /* IE6 */ * html .elem_tabs .elem_tabs_pad ul li { *display: inline; *zoom: 1; } /* IE7 */ *:first-child+html .elem_tabs .elem_tabs_pad ul li { *display: inline; *zoom: 1; } .elem_tabs .elem_tabs_pad ul li.current { border: solid 1px #005ead; border-bottom: none; background: #005ead; } .elem_tabs .elem_tabs_pad ul li span.adjust_block { display: inline-block; width: 0; height: 42px; vertical-align: middle; font-size: 0; } .elem_tabs .elem_tabs_pad ul li span.text { display: inline-block; padding: 0.25em 0 0.25em 20px; background: url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; vertical-align: middle; letter-spacing: normal; } /* IE6 */ * html .elem_tabs .elem_tabs_pad ul li span.text { *display: inline; *zoom: 1; } /* IE7 */ *:first-child+html .elem_tabs .elem_tabs_pad ul li span.text { *display: inline; *zoom: 1; } .elem_tabs .elem_tabs_pad ul li.current span.text { background: url(/common/images/content_images/arrow/right_02.png) no-repeat 0 50%; } .elem_tabs .elem_tabs_pad ul li span.text a { font-size: 116.66%; } .elem_tabs .elem_tabs_pad ul li.current span.text a { color: #fff; } /* -.elem_topic_pass ----------------------------------------------------------- */ .elem_topic_pass { margin: 0 0 25px; /* margin: 0 0 5px;*/ min-height: 20px; background: #f2f2f2 url(/common/images/module_parts/topicpass/bg_topicpass_01.gif) repeat-x 0 0; /* IE6 */ height: auto !important; height: 20px; } /* Firefox */ .gecko .elem_topic_pass { min-width: 980px; } .elem_topic_pass .elem_topic_pass_pad { background: transparent url(/common/images/module_parts/topicpass/bg_topicpass_02.gif) repeat-x 0 100%; } .elem_topic_pass .elem_topic_pass_pad .elem_topic_pass_pad { margin: auto; padding: 5px 0 8px; width: 960px; } .elem_topic_pass .elem_topic_pass_pad ul { display: table-cell; padding: 0 10px; height: 20px; vertical-align: middle; } /* IE 6 */ * html .elem_topic_pass .elem_topic_pass_pad ul { *display: inline; *zoom: 1; } /* IE 7 */ *:first-child+html .elem_topic_pass .elem_topic_pass_pad ul { *display: inline; *zoom: 1; } .elem_topic_pass .elem_topic_pass_pad ul li { display: inline; vertical-align: middle; line-height: 1.2; } .elem_topic_pass .elem_topic_pass_pad ul li span { margin: 0 0 0 0.5em; } .elem_topic_pass .elem_topic_pass_pad ul li.current a { color: #262626; } .elem_topic_pass .elem_topic_pass_pad ul li.current span { display: none; } /* -.elem_topic_pass_month ----------------------------------------------------------- */ .elem_topic_pass_month { margin: 0 0 20px; } .elem_topic_pass_month * { margin: 0 !important; } .elem_topic_pass_month .elem_topic_pass_month_pad { padding: 15px; border: solid 2px #e5e5e5; } .elem_topic_pass_month .elem_topic_pass_month_pad .elem_text_list_navi .elem_text_list_navi_inline li { padding: 0 11px 0 0; } .elem_topic_pass_month .elem_topic_pass_month_pad .elem_text_list_navi .elem_text_list_navi_pad ul li a { background: transparent url(/common/images/content_images/arrow/down_01.png) no-repeat 0 0.3em; } /* Machintosh */ .mac .elem_topic_pass_month .elem_topic_pass_month_pad .elem_text_list_navi .elem_text_list_navi_pad ul li a { background: transparent url(/common/images/content_images/arrow/down_01.png) no-repeat 0 50%; } .elem_topic_pass_month .elem_topic_pass_month_pad .elem_text_list_navi .elem_text_list_navi_pad ul li.passive a { background: transparent url(/common/images/content_images/arrow/down_03.png) no-repeat 0 0.3em; color: #cdcdcd; text-decoration: none; cursor: default; } /* Machintosh */ .mac .elem_topic_pass_month .elem_topic_pass_month_pad .elem_text_list_navi .elem_text_list_navi_pad ul li.passive a { background: transparent url(/common/images/content_images/arrow/down_03.png) no-repeat 0 50%; } /* -.elem_catch ----------------------------------------------------------- */ /* -.elem_paragraph ----------------------------------------------------------- */ .elem_paragraph { padding: 0 0 20px; } .elem_paragraph p { font-size: 116.66%; } .elem_paragraph p + p { margin-top: .714em; } /* -.elem_text_list_navi ----------------------------------------------------------- */ .elem_text_list_navi { margin: -15px 0 25px; } .elem_text_list_navi .elem_text_list_navi_pad {} .elem_text_list_navi .elem_text_list_navi_pad ul { /* margin: -15px 0 0 20px; */ margin: 0 0 0 20px; } .elem_text_list_navi .elem_text_list_navi_pad ul li { margin: 11px 0 0; text-indent: -20px; } .elem_text_list_navi .elem_text_list_navi_pad ul li a { padding: 0 0 0 20px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.3em; font-size: 116.66%; } .ie .elem_text_list_navi .elem_text_list_navi_pad ul li a { background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.1em; } /* Machintosh */ .mac .elem_text_list_navi .elem_text_list_navi_pad ul li a { background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } /* inline */ .elem_text_list_navi .elem_text_list_navi_inline ul { margin: 0; } .elem_text_list_navi .elem_text_list_navi_inline ul li { float: left; margin: 15px 0 0; padding: 0 25px 0 0; text-indent: 0; } .elem_text_list_navi .elem_text_list_navi_inline ul li a { white-space: nowrap; } /* -.elem_anchor_list ----------------------------------------------------------- */ .elem_anchor_list { margin: -15px 0 25px; } .elem_anchor_list .elem_anchor_list_pad {} .elem_anchor_list .elem_anchor_list_pad ul { margin: 0 0 0 20px; } .elem_anchor_list .elem_anchor_list_pad ul li { margin: 15px 0 0; text-indent: -20px; } .elem_anchor_list .elem_anchor_list_pad ul li a { padding: 0 0 0 20px; background: transparent url(/common/images/content_images/arrow/down_01.png) no-repeat 0 0.3em; font-size: 116.66%; } .ie .elem_anchor_list .elem_anchor_list_pad ul li a { background: transparent url(/common/images/content_images/arrow/down_01.png) no-repeat 0 0.1em; } /* Machintosh */ .mac .elem_anchor_list .elem_anchor_list_pad ul li a { background: transparent url(/common/images/content_images/arrow/down_01.png) no-repeat 0 50%; } /* -.elem_text_list ----------------------------------------------------------- */ .elem_text_list { margin: -15px 0 25px; } .elem_text_list .elem_text_list_pad {} .elem_text_list .elem_text_list_pad ul { margin: 0; } .elem_text_list .elem_text_list_pad ul li { padding: 15px 0 0 20px; background: transparent url(/common/images/module_parts/area_content/bg_li_circle.png) no-repeat 0 1.75em; } .elem_text_list .elem_text_list_pad ul li span { font-size: 116.66%; } .elem_text_list .elem_text_list_pad ul li span.icon { padding: 0 0.5em 0 1em; } /* IE7+ Fix */ .elem_text_list .elem_text_list_pad ul li span + span { padding: 0 10px 0 0; background: none; font-size: 100%; } /* -.elem_text_list_note ----------------------------------------------------------- */ .elem_text_list_note {} .elem_text_list_note table { font-size: 116.66%; } .elem_text_list_note table, .elem_text_list_note th, .elem_text_list_note td { border: none !important; } .elem_text_list_note th { padding: 0 20px 1em 0 !important; width: 1%; white-space: nowrap; } .elem_text_list_note td { padding: 0 0 1em !important; width: 99%; } .elem_text_list_note th span {} /* -.elem_text_list_ordered ----------------------------------------------------------- */ elem_text_list_orderd { margin: -12px 0 0 0; padding: 0 0 13px 0; } .elem_text_list_orderd ol {} .elem_text_list_orderd ol li { padding: 10px 0 0 0; letter-spacing: -0.4em; font-size: 116.66%; } .elem_text_list_orderd ol li .number { display: inline-block; width: 35px; vertical-align: top; white-space: nowrap; letter-spacing: normal; font-weight: bold; } /* IE6 */ * html .elem_text_list_orderd ol li .number { width: 35px; *display: inline; *zoom: 1; } /* IE7 */ *:first-child+html .elem_text_list_orderd ol li .number { *display: inline; *zoom: 1; } .elem_text_list_orderd ol li .text { display: inline-block; width: 888px; vertical-align: top; letter-spacing: normal; } /* IE6 */ * html .elem_text_list_orderd ol li .text { width: 845px; *display: inline; *zoom: 1; } /* IE7 */ *:first-child+html .elem_text_list_orderd ol li .text { width: 845px; *display: inline; *zoom: 1; } /* .liner */ .elem_text_list_orderd ol.liner { margin: -12px 0 0 -20px; letter-spacing: -0.4em; } .elem_text_list_orderd ol.liner li { display: inline-block; padding: 10px 0 0 20px; width: 460px; vertical-align: top; } /* IE6 */ * html .elem_text_list_orderd ol.liner li { *display: inline; *zoom: 1; } /* IE7 */ *:first-child+html .elem_text_list_orderd ol.liner li { *display: inline; *zoom: 1; } .elem_text_list_orderd ol.liner li .number {} .elem_text_list_orderd ol.liner li .text { width: 408px; } /* IE6 */ * html .elem_text_list_orderd ol.liner li .text { width: 408px; } /* IE7 */ *:first-child+html .elem_text_list_orderd ol.liner li .text { width: 403px; } /* -.elem_text_list_detail ----------------------------------------------------------- */ .elem_text_list_detail {} .elem_text_list_detail table { width: 100%; font-size: 116.66%; } .elem_text_list_detail table, .elem_text_list_detail th, .elem_text_list_detail td { border: none !important; } .elem_text_list_detail th { padding: 0 20px 1em 0 !important; width: 1%; white-space: nowrap; } .elem_text_list_detail td { padding: 0 0 1em !important; width: 99%; } .elem_text_list_detail th span { font-weight: bold; } /* -.elem_text_list_date ----------------------------------------------------------- */ .elem_text_list_date {} .elem_text_list_date table { width: 100%; font-size: 116.66%; } .elem_text_list_date table, .elem_text_list_date th, .elem_text_list_date td { border: none !important; } .elem_text_list_date th { padding: 0 20px 1em 0 !important; width: 1%; white-space: nowrap; } .elem_text_list_date td { padding: 0 0 1em !important; width: 99%; } .elem_text_list_date th span { font-weight: bold; } .elem_text_list_date th span.icon_text { margin: 0 0 0 20px; } /* -.elem_table_set ----------------------------------------------------------- */ .elem_table_set { margin: 0 0 25px; } .elem_table_set table.elem_table_set { margin: 0 0 0.5em; width: 100%; border: solid 1px #ccc; border-top: none; border-left: none; } .elem_table_set caption { text-align: left; font-size: 133.33%; } .elem_table_set table.elem_table_set th.elem_table_set, .elem_table_set table.elem_table_set td.elem_table_set { padding: 1em; border: solid 1px #ccc; border-right: none; border-bottom: none; } th.elem_table_set *, td.elem_table_set * { margin-bottom: 0; } .elem_table_set th.elem_table_set span { font-weight: bold; } .elem_table_set p.subtext { margin: 0 0 20px; } .elem_table_set li span { font-size: 116.66%; } /* Tabale bgColor */ .elem_table_set .lv1 { background: #e8edf2; } .elem_table_set .lv2 { background: #f8f8f8; } /* -.elem_pic_block ----------------------------------------------------------- */ .elem_pic_block { margin: 0 0 25px; } .elem_pic_block ul { margin-bottom: 0 !important; } .elem_pic_block table { width: 100%; } .elem_pic_block table, .elem_pic_block th, .elem_pic_block td { border: none !important; } .elem_pic_block th { width: 1%; padding: 0 !important; } .elem_pic_block td { width: 99%; } .elem_pic_block .left_pad { padding: 0 0 0 1em !important; } .elem_pic_block .right_pad { padding: 0 1em 0 0 !important; } .elem_table_set2 {} .elem_pic_block table.elem_table_set2 { width: 100%; border-bottom: solid 1px #ccc !important; border-right: solid 1px #ccc !important; border-top: none; border-left: none; } .elem_pic_block th.elem_table_set2 { padding: 1em !important; width: 1%; border-top: solid 1px #ccc !important; border-left: solid 1px #ccc !important; border-right: none; border-bottom: none; white-space: nowrap; } .elem_pic_block td.elem_table_set2 { padding: 1em !important; width: 99%; border-top: solid 1px #ccc !important; border-left: solid 1px #ccc !important; border-right: none; border-bottom: none; } /* Tabale bgColor */ .elem_table_set2 .lv1 { background: #e8edf2; } .elem_table_set2 .lv2 { background: #f8f8f8; } /* -.elem_item_block ----------------------------------------------------------- */ .elem_item_block { margin: 0 0 25px; } .elem_item_block .elem_pic { margin: 0 0 10px !important; } .elem_item_block p, .elem_item_block ul, .elem_item_block table { width: 100%; } .elem_item_block table, .elem_item_block th, .elem_item_block td { border: none !important; } .elem_item_block th { padding: 0 !important; width: 1%; } .elem_item_block td { width: 99%; } .elem_item_block .left_pad { padding: 0 0 0 1em !important; } .elem_item_block .right_pad { padding: 0 1em 0 0 !important; } .elem_item_block .elem_text_list_navi .elem_text_list_navi_pad ul { margin: 0; } .elem_item_block .elem_anchor_list .elem_anchor_list_pad ul { margin: 0; } .elem_item_block .elem_text_list_navi, .elem_item_block .elem_text_list_navi_pad { padding: 0; } .elem_item_block ul li { padding: 0 0 0 20px; } /* 2column Version */ .elem_item_block .elem_item_block_pad { margin: 0 -10px; } .elem_item_block .elem_item_block_pad .column2 { float: left; } .elem_item_block .elem_item_block_pad .column_left { padding: 0 0 0 10px; width: 623px; } .elem_item_block .elem_item_block_pad .column_right { margin: 0 0 0 20px; width: 297px; } .elem_item_block .elem_item_block_pad .column_left .elem_heading_lv3 { margin: 0 0 0 -10px; } .elem_item_block .elem_item_block_pad .column_right .elem_heading_lv3 { margin: 0 -10px 0; } .elem_item_block .elem_item_block_pad .column2 .elem_heading_lv3 .elem_heading_lv3_pad { padding: 25px 10px; border: solid 1px #ccc; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_a { background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_02.gif) no-repeat 100% 0; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_b { background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_03.jpg) no-repeat 100% 0; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_c { padding: 13px !important; background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_04.jpg) no-repeat 100% 0; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_d { padding: 13px !important; background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_05.jpg) no-repeat 0 0; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_e { background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_06.jpg) no-repeat 0 0; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_f { background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_07.jpg) no-repeat 0 0; } .elem_item_block .elem_item_block_pad .column2 .lv3_image_g { background: #010001 url(/common/images/module_parts/heading_lv3/bg_h3_08.jpg) no-repeat 0 0; } .elem_item_block .elem_item_block_pad .column2 .elem_heading_lv3 .elem_heading_lv3_pad h3 { color: #fff; } .elem_item_block .elem_item_block_pad .column2 .elem_heading_lv3 .elem_heading_lv3_pad h3 a { text-decoration: none; } .elem_item_block .elem_item_block_pad .column2 .elem_heading_lv3 .elem_heading_lv3_pad h3 a span { color: #fff; text-shadow: 0px 0px 10px #000000; text-decoration: underline; -ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(color=#000,offx=0,offy=0)"; *zoom: 1; } .elem_item_block .elem_item_block_pad .column2 .elem_heading_lv3 .elem_heading_lv3_pad h3 a:hover span { color: #fff; text-decoration: none; } .elem_item_block .elem_item_block_pad .column2 .elem_heading_lv4 .elem_heading_lv4_pad h4 { color: #454a53; } .elem_item_block .elem_item_block_pad .column2 dl dt { padding: 0 0 10px; font-size: 116.66%; font-weight: bold; } /* -.elem_button ----------------------------------------------------------- */ .elem_button { position: relative; display: inline-block; margin: 0 0 25px; border: solid 1px #dbdbdb; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition-duration: all 0.2s ease; transition-duration: all 0.2s ease; *display: inline; *zoom: 1; } .elem_button .elem_button_pad { position: relative; padding: 1em; border: solid 1px #fff; background-image: linear-gradient(right bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); background-image: -o-linear-gradient(right bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); background-image: -moz-linear-gradient(right bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); background-image: -webkit-linear-gradient(right bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); background-image: -ms-linear-gradient(right bottom, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); background-image: -webkit-gradient( linear, right bottom, left top, color-stop(0, rgb(242, 242, 242)), color-stop(1, rgb(255, 255, 255))); cursor: pointer; } /* IE7 IE8 */ .ie .elem_button .elem_button_pad { -pie-background: linear-gradient(left top, #fff, #f2f2f2); behavior: url("/common/js/PIE_uncompressed.htc"); } /* IE6 IE9 */ .ie6 .elem_button .elem_button_pad { background: #fff; url(/common/images/module_parts/component/gradation_02.gif) repeat-y 100% 0; } .ie9 .elem_button .elem_button_pad { background: #fff; url(/common/images/module_parts/component/gradation_02.gif) repeat-y 100% 0; } .elem_button .elem_button_pad a { position: relative; display: inline-block; padding: 0 0 0 20px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; color: #070d1a; text-decoration: none; *display: inline; *zoom: 1; } .elem_button .elem_button_pad a span { font-weight: bold; font-size: 133.33%; } /* -.button ----------------------------------------------------------- */ p.button { margin: 0 0 25px; padding: 13px 1em; border: solid 1px #dbdbdb; background: url(/common/images/module_parts/component/gradation_01.gif) repeat-y 100% 0; background-color: #fff; background-image: linear-gradient(left, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); background-image: -o-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); background-image: -moz-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); background-image: -webkit-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); background-image: -ms-linear-gradient(left, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); background-image: -webkit-gradient( linear, left top, right top, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(242, 242, 242))); text-align: center; } p.button a { padding: 0 0 0 20px; background: url(/common/images/content_images/arrow/right_01.png) no-repeat 0 45%; color: #161c28; text-decoration: none; font-weight: bold; font-size: 133.33%; } /* -.component ----------------------------------------------------------- */ /* .component .elem_text_list_navi { margin: 0; } */ .component .elem_text_list_navi_inline { margin: -15px 0 0; } .component .elem_pic_block { margin: 0; } .component .elem_content_divide .divide_block { margin: 0 0 0 20px; } .component th.elem_table_set { width: 1%; } .component th.elem_table_set { width: 99%; } .beige_area { position: relative; background: #f3f4ec; *zoom: 1; } .gray_area { background: #f2f2f2; } .gray_area .elem_text_list_navi_pad { margin: 0 0 25px; } .white_area { border: 1px solid #D9D9D9; } .white_area h3 { color: #070D1A !important; } /* Component h2 */ .elem_heading_lv2_component { position: relative; margin: 0 0 10px; width: 100%; height: 100%; border-bottom: solid 1px #d9d9d9; } .elem_heading_lv2_component h2 { padding: 5px 0 10px; font-weight: bold; font-size: 166.66%; } .elem_heading_lv2_component span.link { position: absolute; top: 40%; right: 0; margin: -0.5em 0 0 0; padding: 0 0 0 20px; background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.2em; } /* IE6 */ .ie6 .elem_heading_lv2_component span.link { background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.1em; } /* Machintosh */ .mac .elem_heading_lv2_component span.link { background: transparent url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } /* Component h3 */ .elem_heading_lv3_component {} .elem_heading_lv3_component span.subtext {} .elem_heading_lv3_component h3 { padding: 8px 0; color: #c1b63c; font-weight: bold; font-size: 166.66%; } .project .elem_heading_lv3 { padding: 0 0 10px; } .project .elem_heading_lv3 .elem_heading_lv3_pad { padding: 0; background: none; } /* Component h4 */ .component .elem_heading_lv4 { /* margin: 0 0 8px; */ padding: 0 0 15px; } .component { position: relative; margin: 0 -10px 20px; padding: 10px 10px 15px; border-radius: 6px; *zoom: 1; behavior: url("/common/js/PIE_uncompressed.htc"); } /* -.elem_project_container ----------------------------------------------------------- */ .elem_project_container { position: relative; margin: 0 -10px 50px; } .elem_project_container .elem_project_container_pad {} .elem_project_container .elem_project_container_pad .elem_project_container_pad { padding: 0 20px 20px; height: 689px; background: url(/common/images/module_parts/component/project_visual.jpg) no-repeat 0 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad p { height: 246px; } .elem_project_container .elem_project_container_pad .elem_project_container_pad p span { display: none; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block { position: relative; padding: 10px; width: 273px; height: 423px; background: rgba(255, 255, 255, 0.8); *zoom: 1; } .ie6 .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block { background: #e6e6e6; } .ie7 .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block { filter: progid: DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#ccffffff, EndColorStr=#ccffffff); } .ie8 .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block { -ms-filter: progid: DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block h2 { position: relative; margin: 0 0 12px; padding: 0 0 0 15px; height: 34px; background: url(/common/images/module_parts/heading_lv2/bg_h2_01.jpg) no-repeat 0 0; font-size: 166.66%; font-weight: bold; line-height: 34px; *zoom: 1; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box1 { padding: 10px; width: 253px; height: 356px; background: url(/common/images/module_parts/component/bg_box_01.jpg) no-repeat 0 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 { margin: 0 0 8px; padding: 10px; height: 68px; background: url(/common/images/module_parts/component/bg_box_02.jpg) no-repeat 0 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 { margin: 0 0 8px; padding: 10px; height: 68px; background: url(/common/images/module_parts/component/bg_box_03.jpg) no-repeat 0 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 { margin: 0 0 8px; padding: 10px; height: 68px; background: url(/common/images/module_parts/component/bg_box_04.jpg) no-repeat 0 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 { padding: 10px; height: 68px; background: url(/common/images/module_parts/component/bg_box_05.jpg) no-repeat 0 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box1 .elem_button { margin: 0 0 3px; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box1 .elem_button_pad {} .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 .elem_button { margin: 0; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 .elem_button_pad { padding: 0 0.5em !important; height: 63px; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box1 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 .elem_button, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 .elem_button { width: 175px; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box1 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 .elem_button_pad, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 .elem_button_pad { padding: 1.25em 0.5em; } .elem_project_container_pad .divide_block .box1 .elem_button .elem_button_pad a span, .elem_project_container_pad .divide_block .box2 .elem_button .elem_button_pad a span, .elem_project_container_pad .divide_block .box3 .elem_button .elem_button_pad a span, .elem_project_container_pad .divide_block .box4 .elem_button .elem_button_pad a span, .elem_project_container_pad .divide_block .box5 .elem_button .elem_button_pad a span { font-size: 116.66%; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .elem_button_pad a {} .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 .elem_button_pad a, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 .elem_button_pad a, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 .elem_button_pad a, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 .elem_button_pad a { display: block; height: 63px; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box2 .elem_button_pad a span, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box3 .elem_button_pad a span, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box4 .elem_button_pad a span, .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .box5 .elem_button_pad a span { display: table-cell; vertical-align: middle; letter-spacing: -0.1em; *display: inline; *zoom: 1; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .elem_button_pad a span.adjust_block { position: relative; left: -1px; height: 63px; letter-spacing: -9999em; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .soon { border: solid 1px #adadad; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .soon .elem_button_pad { cursor: default; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .passive { opacity: 1; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .soon a { background: transparent url(/common/images/content_images/arrow/right_03.png) no-repeat 0 0.35em; } /* Macintosh */ .mac .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .soon a { background: transparent url(/common/images/content_images/arrow/right_03.png) no-repeat 0 50%; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .soon .elem_button_pad { height: 21px; border: solid 1px #ccc; background: #c3c3c3 url(/common/images/module_parts/button/bg_button_02.gif) no-repeat 58.5% 50%; } .elem_project_container .elem_project_container_pad .elem_project_container_pad .divide_block .soon .elem_button_pad span { display: none; } .elem_project_container .box6 ul { margin: -10px 0 0; } .elem_project_container .box6 ul li { padding: 5px 0; border-top: dashed 1px #737373; } .ie6 .elem_project_container .box6 ul li { padding: 4px 0 0; } .elem_project_container .box6 ul li:first-child { border: none; } .elem_project_container .box6 dl {} .elem_project_container .box6 dl dt { float: left; padding: 0 10px 0 0; width: 187px; background: url(/common/images/content_images/arrow/right_01.png) no-repeat 0 0.3em; font-size: 133.33%; font-weight: bold; } /* Macintosh */ .mac .elem_project_container .box6 dl dt { background: url(/common/images/content_images/arrow/right_01.png) no-repeat 0 50%; } .elem_project_container .box6 dl dt span { display: block; padding: 0 0 0 23px; } .elem_project_container .box6 dl dd.text { float: left; padding: 0 10px 0 0; width: 187px; } .elem_project_container .box6 dl dd.picture { float: right; width: 76px; } .elem_project_container .box6 dl dd.picture img { max-width: 100%; height: auto; } /* -.elem_project_container ----------------------------------------------------------- */ .elem_project_container_compact { position: relative; margin: 20px -10px; width: 960px; height: 100%; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad { min-height: 297px; height: auto !important; height: 297px; background: url(/common/images/module_parts/component/project_visual1018.jpg) no-repeat 0 0; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .hidden { display: none; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns { position: absolute; z-index: 0; bottom: 10px; left: 10px; padding: 0; min-height: 151px; width: 940px; height: auto !important; height: 151px; background: rgba(0, 96, 176, 0.5); } .ie6 .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns, .ie7 .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns, .ie8 .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns { background: url(/common/images/module_parts/component/bg_1px.png) repeat 0; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns p { padding: 0.75em 0; background: url(/common/images/module_parts/component/line_fff.png) no-repeat 50%; color: #fff; text-align: center; font-size: 166.66%; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner { display: -webkit-flex; display: -ms-flexbox; margin: auto; width: 900px; letter-spacing: -.31em; font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; *letter-spacing: normal; *word-spacing: -.43em; text-rendering: optimizespeed; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-1, .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-2, .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-3, .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4, .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-5 { display: inline-block; color: #fff; vertical-align: top; word-spacing: normal; letter-spacing: normal; *display: inline; text-rendering: auto; *zoom: 1; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-1 { width: 100%; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-2 { width: 50%; *width: 49.969%; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-3 { width: 33.3333%; *width: 33.3023%; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 { position: relative; width: 25%; *width: 24.969%; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 .elem_button { display: block; margin: 0 10px; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 .elem_button .elem_button_pad { padding: 0 0.5em; height: 63px; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 .elem_button .elem_button_pad a { display: block; overflow: visible; height: 63px; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 .elem_button .elem_button_pad a span { display: table-cell; vertical-align: middle; letter-spacing: -0.1em; line-height: 1.2; *display: inline; *zoom: 1; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 .elem_button .elem_button_pad a span.adjust_block { position: relative; left: -1px; height: 63px; letter-spacing: -9999em; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-4 .elem_button .elem_button_pad a img { position: absolute; top: 0; right: -20px; z-index: 3; } .elem_project_container_compact .elem_project_container_pad .elem_project_container_pad .button_columns .button_liner .cell-5 { width: 20%; *width: 19.969%; } /* -.topics ----------------------------------------------------------- */ .topics { position: relative; *zoom: 1; } .topics table, .topics th, .topics td { border: none !important; } .topics th { padding: 0 !important; } .topics td {} .topics p { margin: 0 0 1em; } /* -.press_release ----------------------------------------------------------- */ .press_release {} .press_release .elem_heading_lv2 { padding: 0 10px 15px; } .press_release .elem_heading_lv2 .elem_heading_lv2_pad { padding: 5px 0 10px; border-bottom: solid 1px #c6c8c0; background: none; -pie-background: none; } .press_release .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad { padding: 0; border-bottom: none; } .press_release .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad h2 { padding: 0 6px; } .press_release ul { padding: 0 2px; width: 936px; } .press_release ul li { margin: 0 0 15px; width: 910px; border-bottom: dashed 1px #ababab; } .press_release ul li:last-child { margin: 0; } .press_release ul li dl { margin: 0 0 15px; padding: 0 4px; font-size: 116.66%; } .press_release span.link { right: 0 !important; } /* Colomun2 */ .elem_press_release_container { margin: 0 0 25px; } #layout_column2 .press_release ul { width: auto; } #layout_column2 .press_release ul li { width: auto; } /* -.feature ----------------------------------------------------------- */ .feature {} .feature .elem_content_divide { margin: 0 0 20px; border-bottom: dashed 1px #b2b2b2; } .feature .elem_content_divide .elem_content_divide_col2 {} .feature .elem_content_divide .elem_content_divide_col2 .elem_content_divide_pad {} .feature .divide_block { padding: 0 0 20px; } .feature dl {} .feature dt, .feature dd { float: left; font-size: 116.66%; } .feature dt { width: auto; } .feature dd { padding: 0 0 0 15px; width: 295px; } .feature .elem_pic, .feature .elem_pic_block { margin: 0; } .feature td.elem_pic_block .elem_paragraph { padding: 0; } /* -.start_business ----------------------------------------------------------- */ .start_business {} .start_business .elem_heading_lv3 .elem_heading_lv3_pad, .start_business .elem_heading_lv4 .elem_heading_lv4_pad { padding: 0; border: none; background: none; } .start_business .elem_heading_lv3 .elem_heading_lv3_pad {} .start_business .elem_heading_lv3 .elem_heading_lv3_pad h3 { color: #b0a100; font-size: 183.33%; } .start_business .elem_heading_lv4 h4 { font-size: 150%; } .start_business th, .start_business td { width: 50%; } .start_business th div { position: relative; padding: 1em; border-radius: 6px; background: #f5f5ee; behavior: url("/common/js/PIE_uncompressed.htc"); } .start_business th p {} .start_business th p.subtext { margin: 0; font-weight: bold; } .start_business th span { padding: 0 10px; color: #b0a100; font-weight: bold; font-size: 183.33%; } /* -.recruit ----------------------------------------------------------- */ .recruit {} .recruit .elem_heading_lv3 { padding: 0 0 15px; } .recruit .elem_heading_lv3 .elem_heading_lv3_pad { padding: 10px 0; } .state { margin: 0 0 15px; padding: 20px 1em; border-radius: 6px; background: #f5f5f5; behavior: url("/common/js/PIE_uncompressed.htc"); } .state p { text-align: center; font-weight: bold; font-size: 133.33%; } .no_collect p { color: #b0b0b0; } /* -.elem_container ----------------------------------------------------------- */ .elem_container { margin: 0 0 20px; } .elem_container .divide_block { margin: 0 0 0 20px; } .elem_container p { margin: 0 !important; } .elem_container th.elem_item_block a.preview { display: block; width: 226px; height: 170px; background: #5e5e5e url(/_template/images/video.gif); text-indent: -9999px; } .elem_container td.elem_item_block a.preview { display: block; margin: 1em 0; width: 105px; height: 29px; background: transparent url(/common/images/module_parts/component/preview_01.gif) no-repeat 0 0; text-indent: -9999px; } .elem_container .elem_text_list_detail { margin: 10px 0; } .elem_container .elem_text_list_navi .elem_text_list_navi_pad ul { margin: 0; } /* -.update ----------------------------------------------------------- */ .update {} .update .elem_heading_lv2 { padding: 0 10px 15px; } .update .elem_heading_lv2 .elem_heading_lv2_pad { padding: 8px 0; border-bottom: solid 1px #c6c8c0; background: none; -pie-background: none; } .update .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad { padding: 0; border-bottom: none; } .update .elem_heading_lv2 .elem_heading_lv2_pad .elem_heading_lv2_pad h2 { padding: 0; } .update .elem_text_list_navi { margin: -15px 0 0; } .update .elem_text_list_navi .elem_text_list_navi_pad { margin: 0; } .update .elem_text_list_navi .elem_text_list_navi_pad ul { padding: 0 2px; } .update .elem_text_list_navi .elem_text_list_navi_pad ul li {} .update .elem_text_list_navi .elem_text_list_navi_pad ul li span { padding: 0 20px 0 0; font-size: 116.66%; } /* -.donation ----------------------------------------------------------- */ .donation {} .donation .elem_heading_lv3 .elem_heading_lv3_pad { margin: 0; padding: 10px 0; border-bottom: solid 1px #c6c8c0; background: none; } .donation .elem_text_list {} .donation .liner { margin: -15px 0 0; padding: 0 0 0 2em; } .donation> .elem_heading_lv3 + .liner { margin: 0; } .donation .elem_text_list_navi { margin: -15px 0 25px; } /* -.contact ----------------------------------------------------------- */ .contact .elem_heading_lv4 .elem_heading_lv4_pad { border: none; } /* -.chart ----------------------------------------------------------- */ .chart { margin: -10px 0 0; } .chart li { padding: 10px 0 10px 42px; background: #fff url(/common/images/module_parts/chart/chart_line_03.gif) repeat-y -12px 50%; } .chart li.corner_top { background: #fff url(/common/images/module_parts/chart/chart_line_01.gif) no-repeat -12px 50%; } .chart li.corner_bottom { background: #fff url(/common/images/module_parts/chart/chart_line_04.gif) no-repeat -12px 50%; } .chart li.corner_none { background: #fff url(/common/images/module_parts/chart/chart_line_02.gif) repeat-y -12px 50%; } .chart li.none { background: #fff; } .chart li.pad_none { padding: 10px 0 10px; background: #fff; } .chart span { display: block; font-size: 116.66%; } /* -.area_map { ----------------------------------------------------------- */ .area_map { position: relative; margin: 0 -10px 25px; *zoom: 1; } .area_map .area_map_pad { padding: 20px 10px 10px; height: 445px; background: #f2f7fb url(/common/images/module_parts/map/bg_map_01.gif) no-repeat 0 0; } .area_map .area_map_pad h2 { position: relative; font-weight: bold; font-size: 266.66%; line-height: 1em; } .area_map .area_map_pad h3 { margin: 0 0 2px; font-weight: bold; } .area_map .area_map_pad ul { position: relative; margin: 0 0 3px; } .area_map .area_map_pad li { position: absolute; } .area_map .area_map_pad div { float: left; } .area_map .area_map_pad div.area_map_pad_left { width: 529px; height: 100%; } .area_map .area_map_pad div.area_map_pad_right { width: 411px; } .area_map .area_map_pad div.area_map_pad_left ul { height: 329px; } .area_map .area_map_pad a { display: block; width: 100%; height: 100%; text-indent: -9999px; cursor: pointer; } ul.world_map { height: 254px; background: #e1ecf6 url(/common/images/module_parts/map/bg_map_02.gif) no-repeat 50% 50%; } ul.tokyo_map { width: 270px; height: 125px; background: #e1ecf6 url(/common/images/module_parts/map/bg_map_03.gif) no-repeat 0 0; } li.area_map_nav1 { top: 47px; left: 378px; width: 57px; height: 23px; } li.area_map_nav2 { top: 90px; left: 252px; width: 64px; height: 24px; } li.area_map_nav3 { top: 156px; left: 363px; width: 86px; height: 12px; } li.area_map_nav4 { top: 145px; left: 196px; width: 65px; height: 23px; } li.area_map_nav5 { top: 189px; left: 363px; width: 86px; height: 12px; } li.area_map_nav6 { top: 219px; left: 363px; width: 86px; height: 12px; } li.area_map_nav7 { top: 265px; left: 283px; width: 52px; height: 23px; } li.area_map_nav8 { top: 249px; left: 363px; width: 86px; height: 12px; } li.area_map_nav9 { top: 287px; left: 210px; width: 68px; height: 24px; } li.area_map_nav10 { top: 181px; left: 149px; width: 73px; height: 23px; } li.area_map_nav11 { top: 320px; left: 100px; width: 76px; height: 23px; } li.area_map_nav12 { top: 335px; left: 5px; width: 43px; height: 25px; } li.area_map_nav13 { top: 366px; left: 62px; width: 98px; height: 13px; } li.area_map_nav14 { top: 40px; left: 161px; width: 66px; height: 12px; } li.area_map_nav15 { top: 40px; left: 35px; width: 77px; height: 12px; } li.area_map_nav16 { top: 12px; left: 70px; width: 67px; height: 22px; } li.area_map_nav17 { top: 158px; left: 22px; width: 66px; height: 22px; } li.area_map_nav18 { top: 12px; left: 146px; width: 68px; height: 23px; } .area_map_nav19 { top: 12px; left: 224px; width: 78px; height: 22px; } li.area_map_nav20 { top: 146px; left: 332px; width: 66px; height: 23px; } li.area_map_nav21 { top: 60px; left: 23px; width: 85px; height: 23px; } li.area_map_nav22 { top: 52px; left: 177px; width: 56px; height: 11px; } li.area_map_nav23 { top: 332px; left: 214px; width: 144px; height: 11px; } li.area_map_nav24 { top: 161px; left: 3px; width: 155px; height: 11px; } li.area_map_nav25 { top: 210px; left: 15px; width: 90px; height: 23px; } /*============================================================ 6: - side_area element ============================================================*/ /* -.elem_years_selector ----------------------------------------------------------- */ .elem_years_selector { padding: 10px; width: 183px; background: #f2f7fb; } .elem_years_selector .elem_heading_lv3 { margin: 0 -10px; } .elem_years_selector .elem_text_list_navi { margin: -15px 0 15px; } /* -.rss_feed ----------------------------------------------------------- */ .rss_feed { margin: 0 -12px 0 0; padding: 0 0 5px; } .rss_feed a { float: left; margin: 0 12px 0 0; } /*============================================================ 7: - Toppage ============================================================*/ .toppage_container .elem_content_divide_col2 h2 { display: inline; max-width: 220px !important; } .toppage_container .elem_heading_lv2 { padding: 0; } .toppage_container ul { margin: 0 0 25px; } .toppage_container ul li { padding: 15px; border-bottom: dashed 1px #b2b2b2; font-size: 116.66%; } .toppage_container ul li.new h3 a { color: #0060b0; font-weight: bold; } /* .toppage_container ul li a { display: block; } */ .toppage_container ul li.new { position: relative; top: 15px; margin: 0 0 15px; border: solid 2px #0060b0; border-radius: 6px; } .ie6 .toppage_container ul li.new, .ie7 .toppage_container ul li.new { border: none; border-radius: none; -pie-background: url(/common/images/module_parts/toppage_for_ie/bg_upper.gif) no-repeat 0 0, url(/common/images/module_parts/toppage_for_ie/bg_lower.gif) no-repeat 0 100%, url(/common/images/module_parts/toppage_for_ie/bg_middle.gif) repeat-y 0 50%; zoom: 1; behavior: url("/common/js/PIE_uncompressed.htc"); } .ie8 .toppage_container ul li.new { border: none; border-radius: none; -pie-background: url(/common/images/module_parts/toppage_for_ie/bg_upper.gif) no-repeat 0 0, url(/common/images/module_parts/toppage_for_ie/bg_lower_ie8.gif) no-repeat 0 100%, url(/common/images/module_parts/toppage_for_ie/bg_middle.gif) repeat-y 0 50%; zoom: 1; behavior: url("/common/js/PIE_uncompressed.htc"); } /* -.sub_container ----------------------------------------------------------- */ .toppage_container .sub_container { margin: 0 -10px; } .toppage_container .sub_container .sub_container_pad { position: relative; } .toppage_container .sub_container .sub_container_pad div { padding: 30px 30px 0; border-radius: 6px; background: #f2f4ec; behavior: url("/common/js/PIE_uncompressed.htc"); } .toppage_container .sub_container .sub_container_pad div.sub_left { float: left; width: 620px; } .toppage_container .sub_container .sub_container_pad div.sub_right { float: right; width: 206px; } .toppage_container .sub_container div h3 { font-weight: bold; font-size: 166.66%; padding: 0 0 5px; line-height: 1.1; } .toppage_container .sub_container div.sub_left h3 { margin: 0 0 0 6px; letter-spacing: normal; } .toppage_container .sub_container div.sub_left { letter-spacing: -.40em; } .toppage_container .sub_container div.sub_left dl { display: inline-block; *display: inline; *zoom: 1; margin: 0 0 0 6px; width: 200px; min-height: 225px; height: auto !important; vertical-align: top; letter-spacing: normal; } .toppage_container .sub_container div .thum_list { display: block; margin: 20px 0 5px; width: 200px; } .toppage_container .sub_container div .thum_list dl { clear: both; width: 200px; min-height: 50px; height: auto !important; height: 50px; margin: 0 0 10px; } .toppage_container .sub_container div .thum_list dl dt { float: left; margin: 0 0 0 5px; } .toppage_container .sub_container div .thum_list dl dd { float: right; width: 105px; margin: 0 0 0 7px; padding: 0; } .toppage_container .sub_container div.sub_left .thum_list { display: inline-block; *display: inline; *zoom: 1; margin: 0 0 0 5px; } .toppage_container .sub_container div.sub_right dl {} .toppage_container .sub_container div dt {} .toppage_container .sub_container div dd { padding: 10px 5px 10px; } .toppage_container .sub_container div dd.icon { padding: 10px 5px 0; } .toppage_container .sub_container div dd span.icon_text { margin: 0 0.5em 0 0; } /* -.button_container ----------------------------------------------------------- */ .button_container { position: absolute; bottom: 0; padding: 13px 0; width: 100%; background: transparent url(/common/images/module_parts/main_visual/bg_button_container.png) repeat 0 0; } .ie6 .button_container { background: transparent url(/common/images/module_parts/main_visual/bg_button_container.gif) repeat 0 0; } /* Firefox */ .gecko .button_container { min-width: 980px; } .button_container .button_container_pad { margin: auto; width: 960px; } .button_container .button_container_pad ul { margin: 0 0 0 -3px; } .button_container .button_container_pad ul li { float: left; margin: 0 0 0 3px; width: 189px; } .button_container .button_container_pad ul li p.button { margin: 0; } /*============================================================ 8: - icon_text ============================================================*/ span.icon_text { position: relative; padding: 0.1em 15px; border-radius: 5px; color: #fff; letter-spacing: normal; font-weight: bold; font-size: 12px; behavior: url("/common/js/PIE_uncompressed.htc"); *zoom: 1; } /* Machintosh */ .mac span.icon_text { padding: 0.25em 15px; } .i { background: #4baa5a; } .ii { background: #0f80db; } .iii { background: #4b4b4b; } .iv { background: #dcae0f; } .v { background: #cf5ce7; } .vi { background: #ec8baf; } .vii { background: #a9b6c2; } .viii { background: #d97575; } .ix { background: #c1c10e; } .x { background: #0090b4; } .xi { padding: 0.1em 15px 0.1em 35px !important; background: #da7937 url(/common/images/content_images/icons/photo.gif) no-repeat 15px 50%; } /* Machintosh */ .mac .xi { padding: 0.25em 15px 0.25em 35px !important; } .xii { padding: 0.1em 15px 0.1em 38px !important; background: #7c4898 url(/common/images/content_images/icons/video.gif) no-repeat 15px 50%; } /* Machintosh */ .mac .xii { padding: 0.25em 15px 0.25em 38px !important; } /*============================================================ 9: - other ============================================================*/ .center { text-align: center; } .right { text-align: right; } .middle { vertical-align: middle; } .top { vertical-align: top; } li .icon { background: none !important; padding: 0 0.5em 0 1em; vertical-align: middle; } li span img { position: relative; top: -3px; } .no_float { clear: both; } .passive { opacity: 0.7; filter: progid: DXImageTransform.Microsoft.Alpha(opacity=40); } .elem { padding: 4px 5px 3px; background: #999; color: #fff; line-height: 1.5; } .elemRuler-L { margin: -30px 0 20px 0; height: 30px; border-bottom: solid 2px #ddd; background: url(../../_template/images/bottom_left.gif) 0 100% no-repeat; } .elemRuler-R { margin: -30px 0 20px 0; height: 30px; border-bottom: solid 2px #ddd; background: url(../../_template/images/bottom_right.png) 100% 100% no-repeat; } hr { height: 1px; border: 0; background: #dbdbdb; background-image: -webkit-linear-gradient(left, #fff, #dbdbdb, #fff); background-image: -moz-linear-gradient(left, #fff, #dbdbdb, #fff); background-image: -ms-linear-gradient(left, #fff, #dbdbdb, #fff); background-image: -o-linear-gradient(left, #fff, #dbdbdb, #fff); } /* -.press_list ----------------------------------------------------*/ .press_list ol { zoom: normal; margin: 0 0 20px 0; padding: 0 0 0 5px; } .press_list ol li { list-style-type: decimal; margin: 0 0 0 20px; font-size: 116.66%; padding: 0 0 20px 0; zoom: normal; } /* -.pagetop ----------------------------------------------------*/ #layout_position { position: relative; } .pagetop { position: fixed; right: 15px; bottom: -100px; font-size: 10px; } .pagetop a { display: block; width: 64px; height: 72px; background: transparent url(/common/images/content_images/scroll_top/pagetop.png) no-repeat center 0; color: #262626; text-align: center; text-decoration: none; font-weight: bold; line-height: 130px; } .pagetop a:hover { opacity: 0.5; } .pagetop_absolute { position: absolute; right: 15px; bottom: 560px !important; } /* IE6 */ .ie6 .pagetop { position: absolute; top: expression(eval(document.documentElement.scrollTop+600)); } /* -elem_social_media_button ----------------------------------------------------*/ .elem_social_media_button { margin: 0 auto; padding: 0 0 15px; width: 940px; } .elem_social_media_button .author { float: left; margin: -2px 0 0; } .ie6 .elem_social_media_button .author { width: 202px; } .elem_social_media_button .author a { display: block; padding: 9px 0 0 26px; min-height: 19px; background: url(/common/images/content_images/sns_media_button/author.png) no-repeat 0 0; font-size: 116.66%; line-height: 14px; /* IE6 */ height: auto !important; height: 19px; *zoom: 1; } .elem_social_media_button .button { float: right; margin: 0 -10px 0 0; letter-spacing: -0.1em; } ie6 .elem_social_media_button .button { width: 755px; } .elem_social_media_button .fb { display: inline-block; vertical-align: top; letter-spacing: normal; width: 115px; padding-right: 5px; } .elem_social_media_button .tw { display: inline-block; vertical-align: top; letter-spacing: normal; padding-right: 15px; } .elem_social_media_button .gp { display: inline-block; vertical-align: top; letter-spacing: normal; width: 65px; *display: none; padding-right: 15px; } .elem_social_media_button .hb { display: inline-block; vertical-align: top; letter-spacing: normal; } .elem_social_media_button .line { display: inline-block; vertical-align: top; letter-spacing: normal; width: 20px; padding-right: 15px; } /*============================================================ 10: - .clearfix ============================================================*/ .clearfix:after { display: block; content: ""; clear: both; } .clearfix { *zoom: 1; } /*============================================================ 11: - .2017年02月10日 御要望のあった追加分のスタイル ============================================================*/ div.lc { width: 100%; text-align: center; margin-bottom:17px; } table.con { border: none; margin: 0 auto; border-collapse: collapse; } table.con th { padding: 0 1.5em .7em 0; font-size: 116.66%; font-weight: normal; line-height: 1.5; text-align: left; } table.con td { padding: 0 0 .7em 1.5em; font-size: 116.66%; line-height: 1.5; text-align: left; } table.con td.cln { padding: 0 0em .7em; font-size: 116.66%; line-height: 1.5; text-align: center; }