@charset "UTF-8"; /* /jpn/common/css/style.css */ /* common ****************************************************************************************************/ /* * * コンテンツテンプレートに関する共通した基本設定は"/jpn/common/css/style.css"に記述。 * 実装先のCSS("/jpn/?????/css/style.css")には、実装時の例外設定を記述。(場合によっては適宜上書き。) * */ body {visibility:hidden;} @media print { body {overflow:visible !important;} #head, #nav, #bottom_backtotop, .bottom_recommended, #foot {display:none;} } /* link */ a:link {color:#069;text-decoration:none;} a:visited {color:#636;text-decoration:none;} a:hover {color:#069;text-decoration:underline;} a:active {color:#eb0a1e;text-decoration:none;} /* article area */ .article {position:relative;width:960px;margin:0 auto;} #contents_template {position:relative;width:960px;margin:0 auto;padding-bottom:30px;} #contents_2nd {position:relative;width:960px;margin:0 auto;padding-bottom:30px;} #contents_3rd {position:relative;width:960px;margin:0 auto;padding-bottom:30px;} /* contents_template text format */ #contents_template h1 {color:#222;font-size:197%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_template h2 {color:#222;font-size:153.9%;font-weight:bold;line-height:1.1;margin-top:40px;background:url("/jpn/common/images/h2_bg.gif") left bottom no-repeat;padding:2px 0 8px 17px;} #contents_template h3 {color:#222;font-size:123.1%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_template h4 {color:#222;font-size:108%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_template h5 {color:#222;font-size:100%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_template h6 {color:#222;font-size:93%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_template ul.ulist {margin:20px 0 20px 20px;list-style-type:disc;color:#333;font-size:108%;line-height:1.5;} #contents_template ul.ulist li {margin-top:10px;} #contents_template ul.ulist2 {margin:20px 0;color:#333;font-size:108%;line-height:1.5;} #contents_template ul.ulist2 li {margin-top:10px;background:url("/jpn/common/images/common_ulist2.png") 5px 0.55em no-repeat;padding-left:14px;} #contents_template ul.lv2 {margin-left:20px;font-size:100% !important;} #contents_template ul.lv3 {margin-left:40px;font-size:100% !important;} #contents_template ol.olist {margin:20px 0 20px 25px;list-style-type:decimal;color:#333;font-size:108%;line-height:1.5;} #contents_template ol.olist li {margin-top:10px;} #contents_template ol.lv2 {margin-left:20px;font-size:100% !important;} #contents_template ol.lv3 {margin-left:40px;font-size:100% !important;} #contents_template dl.dlist {color:#333;font-size:108%;line-height:1.5;} #contents_template dl.dlist dt {margin-top:10px;font-weight:bold;} #contents_template p {color:#333;font-size:108%;line-height:1.5;margin-top:15px;} #contents_template p.xxlarge {font-size:182%;line-height:1.7;} #contents_template p.xlarge {font-size:153.9%;line-height:1.7;} #contents_template p.large {font-size:116%;line-height:1.7;} #contents_template p.medium {font-size:108%;line-height:1.5;} #contents_template p.small {font-size:13px;line-height:1.5;*font-size:small;*font:x-small;margin:0;} #contents_template p.xsmall {font-size:93%;line-height:1.4;} #contents_template .column_title {width:760px;height:100px;position:relative;} #contents_template .column1, #contents_template .column2, #contents_template .column3 {margin:20px 0;/*overflow:hidden;zoom:1;*/} #contents_template .column1 {width:960px;height:120px;margin-bottom:20px;} #contents_template .column2 .left {width:760px;float:left;} #contents_template .column2 .left .child1 {width:760px;height:120px;} #contents_template .column2 .left .child2 .left {width:240px;height:120px;float:left;margin-right:20px;} #contents_template .column2 .left .child2 .right {width:500px;height:120px;float:left;} #contents_template .column2 .left .child3 {margin-top:20px;} #contents_template .column2 .left .child3 .left {width:370px;height:120px;float:left;margin-right:20px;} #contents_template .column2 .left .child3 .right {width:370px;height:120px;float:left;} #contents_template .column2 .left .child4 {margin-top:20px;} #contents_template .column2 .left .child4 .left {width:500px;height:120px;float:left;margin-right:20px;} #contents_template .column2 .left .child4 .right {width:240px;height:120px;float:left;} #contents_template .column2 .left .child5 {margin-top:20px;} #contents_template .column2 .left .child5 .left {width:560px;height:120px;float:left;margin-right:20px;} #contents_template .column2 .left .child5 .right {width:180px;height:120px;float:left;} #contents_template .column2 .right {width:180px;float:right;} #contents_template .column2 .right .child1 {width:180px;height:760px;} #contents_template .column3 {width:980px;height:40px;position:relative;left:-10px;margin-top:20px;} #contents_template .column3 .button {position:absolute;display:block;text-indent:-1000em;overflow:hidden;} #contents_template .column3 .button.left {background:url("/jpn/common/images/content_buttons.png") 0 0;width:32px;height:32px;z-index:100;top:4px;left:0;} #contents_template .column3 .button.right {background:url("/jpn/common/images/content_buttons.png") -32px 0;width:32px;height:32px;z-index:100;top:4px;right:0;} #contents_template .column3 .button.left:hover {background:url("/jpn/common/images/content_buttons.png") 0 -32px;} #contents_template .column3 .button.right:hover {background:url("/jpn/common/images/content_buttons.png") -32px -32px;} /* contents_2nd text format */ #contents_2nd h1 {color:#222;font-size:197%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_2nd h2 {color:#222;font-size:153.9%;font-weight:bold;line-height:1.1;margin-top:40px;background:url("/jpn/common/images/h2_bg.gif") left bottom no-repeat;padding:2px 0 8px 17px;} #contents_2nd h3 {color:#222;font-size:123.1%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_2nd h4 {color:#222;font-size:108%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_2nd h5 {color:#222;font-size:100%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_2nd h6 {color:#222;font-size:93%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_2nd ul.ulist {margin:20px 0 20px 20px;list-style-type:disc;color:#333;font-size:108%;line-height:1.5;} #contents_2nd ul.ulist li {margin-top:10px;} #contents_2nd ul.ulist2 {margin:20px 0;color:#333;font-size:108%;line-height:1.5;} #contents_2nd ul.ulist2 li {margin-top:10px;background:url("/jpn/common/images/common_ulist2.png") 5px 0.55em no-repeat;padding-left:14px;} #contents_2nd ul.lv2 {margin-left:20px;font-size:100% !important;} #contents_2nd ul.lv3 {margin-left:40px;font-size:100% !important;} #contents_2nd ol.olist {margin:20px 0 20px 25px;list-style-type:decimal;color:#333;font-size:108%;line-height:1.5;} #contents_2nd ol.olist li {margin-top:10px;} #contents_2nd ol.lv2 {margin-left:20px;font-size:100% !important;} #contents_2nd ol.lv3 {margin-left:40px;font-size:100% !important;} #contents_2nd dl.dlist {color:#333;font-size:108%;line-height:1.5;} #contents_2nd dl.dlist dt {margin-top:10px;font-weight:bold;} #contents_2nd p {color:#333;font-size:108%;line-height:1.5;margin-top:15px;} #contents_2nd p.xxlarge {font-size:182%;line-height:1.7;} #contents_2nd p.xlarge {font-size:153.9%;line-height:1.7;} #contents_2nd p.large {font-size:116%;line-height:1.7;} #contents_2nd p.medium {font-size:108%;line-height:1.5;} #contents_2nd p.small {font-size:13px;line-height:1.5;*font-size:small;*font:x-small;margin:0;} #contents_2nd p.xsmall {font-size:93%;line-height:1.4;} #contents_2nd .column_title {width:760px;height:100px;position:relative;} #contents_2nd .column1, #contents_2nd .column2, #contents_2nd .column3 {margin:20px 0;} #contents_2nd .column1 {width:960px;height:120px;margin-bottom:20px;} #contents_2nd .column2 .left {width:760px;float:left;} #contents_2nd .column2 .left .child1 {width:760px;height:120px;} #contents_2nd .column2 .left .child2 .left {width:240px;height:120px;float:left;margin-right:20px;} #contents_2nd .column2 .left .child2 .right {width:500px;height:120px;float:left;} #contents_2nd .column2 .left .child3 {margin-top:20px;} #contents_2nd .column2 .left .child3 .left {width:370px;height:120px;float:left;margin-right:20px;} #contents_2nd .column2 .left .child3 .right {width:370px;height:120px;float:left;} #contents_2nd .column2 .left .child4 {margin-top:20px;} #contents_2nd .column2 .left .child4 .left {width:500px;height:120px;float:left;margin-right:20px;} #contents_2nd .column2 .left .child4 .right {width:240px;height:120px;float:left;} #contents_2nd .column2 .left .child5 {margin-top:20px;} #contents_2nd .column2 .left .child5 .left {width:560px;height:120px;float:left;margin-right:20px;} #contents_2nd .column2 .left .child5 .right {width:180px;height:120px;float:left;} #contents_2nd .column2 .right {width:180px;float:right;} #contents_2nd .column2 .right .child1 {width:180px;height:760px;} #contents_2nd .column3 {width:980px;height:40px;position:relative;left:-10px;margin-top:20px;} #contents_2nd .column3 .button {position:absolute;display:block;text-indent:-1000em;overflow:hidden;} #contents_2nd .column3 .button.left {background:url("/jpn/common/images/content_buttons.png") 0 0;width:32px;height:32px;z-index:100;top:4px;left:0;} #contents_2nd .column3 .button.right {background:url("/jpn/common/images/content_buttons.png") -32px 0;width:32px;height:32px;z-index:100;top:4px;right:0;} #contents_2nd .column3 .button.left:hover {background:url("/jpn/common/images/content_buttons.png") 0 -32px;} #contents_2nd .column3 .button.right:hover {background:url("/jpn/common/images/content_buttons.png") -32px -32px;} /* contents_3rd text format */ #contents_3rd h1 {color:#222;font-size:197%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_3rd h2 {color:#222;font-size:153.9%;font-weight:bold;line-height:1.1;margin-top:40px;background:url("/jpn/common/images/h2_bg.gif") left bottom no-repeat;padding:2px 0 8px 17px;} #contents_3rd h3 {color:#222;font-size:123.1%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_3rd h4 {color:#222;font-size:108%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_3rd h5 {color:#222;font-size:100%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_3rd h6 {color:#222;font-size:93%;font-weight:bold;line-height:1.1;margin-top:40px;} #contents_3rd ul.ulist {margin:20px 0 20px 20px;list-style-type:disc;color:#333;font-size:108%;line-height:1.5;} #contents_3rd ul.ulist li {margin-top:10px;} #contents_3rd ul.ulist li a.arrow_right {vertical-align:top;} #contents_3rd ul.ulist2 {margin:20px 0;color:#333;font-size:108%;line-height:1.5;} #contents_3rd ul.ulist2 li {margin-top:10px;background:url("/jpn/common/images/common_ulist2.png") 5px 0.55em no-repeat;padding-left:14px;} #contents_3rd ul.ulist2 li a.arrow_right {vertical-align:top;} #contents_3rd ul.lv2 {margin-left:20px;font-size:100% !important;} #contents_3rd ul.lv3 {margin-left:40px;font-size:100% !important;} #contents_3rd ol.olist {margin:20px 0 20px 25px;list-style-type:decimal;color:#333;font-size:108%;line-height:1.5;} #contents_3rd ol.olist li {margin-top:10px;} #contents_3rd ol.olist li a.arrow_right {vertical-align:top;} #contents_3rd ol.lv2 {margin-left:20px;font-size:100% !important;} #contents_3rd ol.lv3 {margin-left:40px;font-size:100% !important;} #contents_3rd dl.dlist {color:#333;font-size:108%;line-height:1.5;} #contents_3rd dl.dlist dt {margin-top:10px;font-weight:bold;} #contents_3rd p {color:#333;font-size:108%;line-height:1.5;margin-top:15px;} #contents_3rd p.xxlarge {font-size:182%;line-height:1.7;} #contents_3rd p.xlarge {font-size:153.9%;line-height:1.7;} #contents_3rd p.large {font-size:116%;line-height:1.7;} #contents_3rd p.medium {font-size:108%;line-height:1.5;} #contents_3rd p.small {font-size:13px;line-height:1.5;*font-size:small;*font:x-small;margin:0;} #contents_3rd p.xsmall {font-size:93%;line-height:1.4;} #contents_3rd .column_title {width:760px;height:100px;position:relative;} #contents_3rd .column1, #contents_3rd .column2, #contents_3rd .column3 {margin:20px 0;} #contents_3rd .column1 {width:960px;height:120px;margin-bottom:20px;} #contents_3rd .column2 .left {width:760px;float:left;} #contents_3rd .column2 .left .child1 {width:760px;height:120px;} #contents_3rd .column2 .left .child2 .left {width:240px;height:120px;float:left;margin-right:20px;} #contents_3rd .column2 .left .child2 .right {width:500px;height:120px;float:left;} #contents_3rd .column2 .left .child3 {margin-top:20px;} #contents_3rd .column2 .left .child3 .left {width:370px;height:120px;float:left;margin-right:20px;} #contents_3rd .column2 .left .child3 .right {width:370px;height:120px;float:left;} #contents_3rd .column2 .left .child4 {margin-top:20px;} #contents_3rd .column2 .left .child4 .left {width:500px;height:120px;float:left;margin-right:20px;} #contents_3rd .column2 .left .child4 .right {width:240px;height:120px;float:left;} #contents_3rd .column2 .left .child5 {margin-top:20px;} #contents_3rd .column2 .left .child5 .left {width:560px;height:120px;float:left;margin-right:20px;} #contents_3rd .column2 .left .child5 .right {width:180px;height:120px;float:left;} #contents_3rd .column2 .right {width:180px;float:right;} #contents_3rd .column2 .right .child1 {width:180px;height:760px;} #contents_3rd .column3 {width:980px;height:40px;position:relative;left:-10px;margin-top:20px;} #contents_3rd .column3 .button {position:absolute;display:block;text-indent:-1000em;overflow:hidden;} #contents_3rd .column3 .button.left {background:url("/jpn/common/images/content_buttons.png") 0 0;width:32px;height:32px;z-index:100;top:4px;left:0;} #contents_3rd .column3 .button.right {background:url("/jpn/common/images/content_buttons.png") -32px 0;width:32px;height:32px;z-index:100;top:4px;right:0;} #contents_3rd .column3 .button.left:hover {background:url("/jpn/common/images/content_buttons.png") 0 -32px;} #contents_3rd .column3 .button.right:hover {background:url("/jpn/common/images/content_buttons.png") -32px -32px;} .info_links {font-style:oblique;} .arrow_left {display:inline-block;padding-left:10px;background:url("/jpn/common/images/module_link_arrow_left.png") no-repeat left 6px;} .arrow_right {display:inline-block;padding-right:10px;background:url("/jpn/common/images/module_link_arrow_right.png") no-repeat right 6px;} /* breadcrumbs */ .history_links {margin-top:15px;float:left;list-style:none;} .history_links a:link {color:#069;text-decoration:none;} .history_links a:visited {color:#069;text-decoration:none;} .history_links a:hover {color:#069;text-decoration:underline;} .history_links a:active {color:#eb0a1e;text-decoration:none;} .history_links li {margin:0 3px;padding-right:10px;float:left;background:url("/jpn/common/images/history_arrow.gif") no-repeat right 3px;font-size:93%;} .history_links li.home {margin-left:0;} .history_links li.current {margin-right:0;background:transparent;} /* social media */ .social_links {margin-top:5px;float:right;list-style-type:none;} .social_links li {float:right;} .social_links li a {width:34px;height:34px;display:block;text-indent:-1000em;} .social_links .mail {background:url("/jpn/common/images/ico_mail.png") no-repeat;} .social_links .twitter {background:url("/jpn/common/images/ico_twitter.png") no-repeat;} .social_links .facebook {background:url("/jpn/common/images/ico_facebook.png") no-repeat;} /* side menu */ .sidemenus {list-style:none;color:#333;font-size:100%;} .sidemenu_title {border-bottom:solid 1px #d9d9d9;height:30px;padding-top:25px;text-align:center;} .sidemenus a:link {color:#333;text-decoration:none;} .sidemenus a:visited {color:#333;text-decoration:none;} .sidemenus a:hover {color:#333;text-decoration:none;} .sidemenus a:active {color:#eb0a1e;text-decoration:none;} .sidemenus li,.sidemenus li a {zoom:1;} .sidemenus li {border-bottom:solid 1px #d9d9d9;background-color:transparent;color:#333;} .sidemenus li.over {border-bottom:solid 1px #d9d9d9;background-color:#e6f2f5;} .sidemenus li a {display:block;padding:12px 40px 13px 3px;} .sidemenus li a.disabled {color:#eb0a1e !important;font-weight:bold;cursor:default;} .sidemenus li.current {border:none;} .sidemenus li.current a {color:#eb0a1e !important;font-weight:bold;} .sidemenus .sub {border-bottom:solid 1px #d9d9d9;} .sidemenus .sub ul {margin:0 0 10px 0;color:#333;} .sidemenus .sub li {border:none;} .sidemenus .sub li a {display:block;padding:8px 3px 8px 18px;background:transparent !important;} .sidemenus .sub li a.disabled {color:#eb0a1e;font-weight:normal;cursor:default;} .sidemenus .sub li {background:url("/jpn/common/images/indent_bar.png") no-repeat 3px 15px;} .sidemenus .sub li.over {background-color:#e6f2f5;} .sidemenus .sub li.current a {color:#eb0a1e;font-weight:normal;} .sidemenus li.sub.type2 {background-image:none;} .sidemenus li.sub.type2 ul {margin:0 0 0 18px;} .sidemenus li.sub.type2 ul li {background:url("/jpn/common/images/indent_sub2.gif") no-repeat left center;font-size:93%;} .sidemenus li.sub.type2 ul li.title {padding:8px 3px 8px 0px;background:none;} .sidemenus li.sub.type2 ul li.first {background:url("/jpn/common/images/indent_sub2_first.gif") no-repeat left center;} .sidemenus li.sub.type2 ul li.last {background:url("/jpn/common/images/indent_sub2_last.gif") no-repeat left center;} .sidemenus li.sub.type2 ul li.over {_background-color:#fff;} .sidemenus li.sub.type2 ul li a:hover {background:none !important;text-decoration:underline;} .sidemenus li.sub.type2 ul li a.disabled {color:#eb0a1e;font-weight:normal;cursor:default;text-decoration:none !important;} .sidemenus a {line-height:1.5;} /* backToTop */ #backToTopDisplaySwitch {display:none;} /* bottom recommend menu */ .bottom_recommended #content {width:100%;height:300px;} .bottom_recommended #content .inner {overflow:hidden;position:relative;} .bottom_recommended #content .scroll {width:auto;height:auto;position:relative;} .bottom_recommended #content .scroll li {float:left;background:url("/jpn/common/images/module_shadow.png") 9px 4px no-repeat;width:194px;height:180px;margin:0 auto;} .bottom_recommended #content .inner.n1 .scroll li img {margin:5px 12px;} /* .bottom_recommended #content .scroll li:hover { -webkit-transform:scale(1.02); -webkit-transition:-webkit-transform 0.1s 0 linear; -moz-transform:scale(1.02); -moz-transition:-moz-transform 0.1s 0 linear; } */ .bottom_recommended #content {position:relative;width:100%;height:260px;margin-top:10px;background:url("/jpn/common/images/bottom_recommended_bg.jpg") repeat-x;} .bottom_recommended #content .modulebox {float:none;} .bottom_recommended #content .modulebox h2, .bottom_recommended #content .modulebox .tabbutton {text-shadow:#ccc 0 1px 1px;color:#333;font-weight:normal;} .bottom_recommended #content .inner {overflow:hidden;position:relative;} .bottom_recommended #content #module_1 {width:960px;height:235px;margin:15px auto 0 auto;position:relative;top:15px;background:url("/jpn/common/images/modulebg_960x235.png") no-repeat;} .bottom_recommended #content #module_1 a.button {position:absolute;display:block;text-indent:-1000em;overflow:hidden;} .bottom_recommended #content #module_1 a.button.left {background:url("/jpn/common/images/content_buttons.png") 0 0;width:32px;height:32px;z-index:100;top:125px;left:-10px;} .bottom_recommended #content #module_1 a.button.right {background:url("/jpn/common/images/content_buttons.png") -32px 0;width:32px;height:32px;z-index:100;top:125px;right:-10px;} .bottom_recommended #content #module_1 a.button.expose {background:url("/jpn/common/images/content_buttons.png") -64px 0;width:32px;height:32px;z-index:100;top:-10px;right:-10px;} .bottom_recommended #content #module_1 a.button.left:hover {background:url("/jpn/common/images/content_buttons.png") 0 -32px;} .bottom_recommended #content #module_1 a.button.right:hover {background:url("/jpn/common/images/content_buttons.png") -32px -32px;} .bottom_recommended #content #module_1 a.button.expose:hover {background:url("/jpn/common/images/content_buttons.png") -64px -32px;} .bottom_recommended #content #module_1 a.button:active {top:1px;} .bottom_recommended #content #module_1 a.button.left:active {top:126px;} .bottom_recommended #content #module_1 a.button.right:active {top:126px;} .bottom_recommended #content #module_1 a.button.expose:active {top:-9px;} .bottom_recommended #content #module_1 .tabbar {background:url("/jpn/common/images/bottom_recommended_txt.png") center top no-repeat;position:absolute;top:10px;left:19px;width:922px;height:17px;z-index:10;text-indent:-1000em;overflow:hidden;} .bottom_recommended #content #module_1 .inner {position:absolute;top:22px;left:19px;width:922px;height:208px;z-index:5;} .bottom_recommended #content #module_1 .inner .pagination {width:922px;height:28px;line-height:28px;} .bottom_recommended #content #module_1 .inner .pagination .swControls {margin:0 auto;} .bottom_recommended #content #module_1 a.tabbutton {display:inline-block;width:109px;height:17px;line-height:17px;text-align:center;text-decoration:none;} .bottom_recommended #content #module_1 a.tabbutton:hover {color:#000;} .bottom_recommended #content #module_1 a.tabbutton.active {color:#fff;text-shadow:#666 0 1px 1px;} .bottom_recommended #content #module_1 a.tabbutton:hover {background:url("/jpn/common/images/tabbutton.png") no-repeat 0 -17px;_background:url("/jpn/common/images/tabbutton.gif") no-repeat 0 -17px;} .bottom_recommended #content #module_1 a.tabbutton.active {background:url("/jpn/common/images/tabbutton.png") no-repeat 0 0;_background:url("/jpn/common/images/tabbutton.gif") no-repeat 0 0;} .bottom_recommended #content #module_1 .scroll {position:relative;bottom:3px;} .bottom_recommended #content #module_1 .scroll li {width:186px;background-position:0 5px;} .bottom_recommended #content #module_1 .scroll li img {margin:5px 3px;} /* pagination */ a.swShowPage:active {outline:none;text-decoration:none;} a.swShowPage {display:inline-block;overflow:hidden;} #content a.swShowPage {height:6px;width:6px;margin:11px 4px auto 4px;background:url("/jpn/common/images/pagedot_grey_off.png") no-repeat;_background:url("/jpn/common/images/pagedot_grey_off.gif") no-repeat;} #content a.swShowPage:hover {background:url("/jpn/common/images/pagedot_grey_on.png") no-repeat;_background:url("/jpn/common/images/pagedot_grey_on.gif") no-repeat;} #content a.swShowPage.on {background:url("/jpn/common/images/pagedot_grey_on.png") no-repeat;_background:url("/jpn/common/images/pagedot_grey_on.gif") no-repeat;} /* expose */ #expose {position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;padding-top:40px;z-index:500;} #expose a.button.close {background:url("/jpn/common/images/content_buttons.png") -96px 0;width:32px;height:32px;top:0;right:12px;z-index:100;display:block;position:absolute;text-indent:-100em;overflow:hidden;} #expose a.button.close:hover {background:url("/jpn/common/images/content_buttons.png") -96px -32px;} #expose .inner {margin:40px auto;width:960px;position:relative;} #expose h2 {font-size:138.5%;text-shadow:#333 0 1px 1px;color:#fff;font-weight:normal;} #expose .scroll {width:960px;height:100%;list-style:none;position:relative;margin-top:20px;} #expose .scroll li {float:left;background:url("/jpn/common/images/module_shadow.png") 50% 50% no-repeat;width:190px;height:190px;margin:0;} #expose .scroll li img {margin:8px 10px;_margin-left:11px;} /* #expose .scroll li:hover { -webkit-transform:scale(1.02); -webkit-transition:-webkit-transform 0.1s 0 linear; -moz-transform:scale(1.02); -moz-transition:-moz-transform 0.1s 0 linear; } */ #expose .inner {display:none;} #expose.n1 .inner.n1 {display:block;} /* basic */ #overlay2 {position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:#000;} #wrapper {position:relative !important;width:100%;height:100%;margin:0;padding:0;} #backdrop li {width:100%;min-width:960px;height:700px;position:absolute;top:0;left:0;overflow:hidden;z-index:-100;} #container {position:absolute;width:100%;height:100%;margin:0 auto;} .centering {position:absolute;top:0;left:50%;} #overlay {position:absolute;width:100%;height:100%;top:0;left:0;bottom:0;right:0;background:#000;z-index:200;} /* head */ #head {width:960px;height:50px;margin:0 auto;position:relative;} #head a {text-indent:-1000em;overflow:hidden;} #head #header_home {position:absolute;top:0;left:10px;width:128px;height:50px;} #head #header_home a {background:url("/jpn/common/images/menu_top.png") no-repeat 0 50%;width:128px;height:50px;display:block;text-indent:-1000em;overflow:hidden;} #head #header_home span {background:url("/jpn/common/images/menu_top.png") no-repeat 0 50%;width:128px;height:50px;display:block;text-indent:-1000em;overflow:hidden;} #head #header_controls {float:right;margin-top:13px;width:auto;height:25px;text-align:right;} #head #hd_inside_toyota {width: 143px; height: 25px; margin-right: 10px; display: block; float: right; text-indent: -1000em; text-align: left;} #head #hd_inside_toyota {background: url(/jpn/common/images/inside_toyota.png) no-repeat 0 0;} #head #hd_toyota_channel {width:143px;height:25px;margin-right:10px;display:block;float:right;text-indent:-1000em;text-align:left;} #head #hd_toyota_channel {background:url("/jpn/common/images/toyota_channel.png") no-repeat 0 0;} #head #hd_global_website {width:138px;height:25px;margin-right:10px;display:block;float:right;text-indent:-1000em;text-align:left;} #head #hd_global_website {background:url("/jpn/common/images/global_website.png") no-repeat 0 0;} #head #hd_inside_toyota:hover,#head #hd_toyota_channel:hover,#head #hd_global_website:hover {background-position:0 -35px;} #head #hd_inside_toyota:active,#head #hd_toyota_channel:active,#head #hd_global_website:active {background-position:0 -70px;} #head form {width:210px;height:25px;position:relative;float:right;background:url("/jpn/common/images/header_search_bg.png") no-repeat 0 0;} #head #hd_search_txt {width:158px;font-size:100%;position:absolute;top:5px;left:5px;border:none;background-color:transparent;color:#666;-webkit-appearance:none;} #head #hd_search_btn {width:38px;height:25px;position:absolute;top:0;right:0;} /* nav */ #nav {width:960px;height:40px;margin:0 auto;z-index:210;position:relative;} #nav li {float:left;} #nav a {display:block;text-indent:-1000em;overflow:hidden;} #nav_1 a {background:url("/jpn/common/images/menu_1.png") no-repeat 0 0;width:121px;height:40px;} #nav_2 a {background:url("/jpn/common/images/menu_2.png") no-repeat 0 0;width:133px;height:40px;} #nav_3 a {background:url("/jpn/common/images/menu_3.png") no-repeat 0 0;width:101px;height:40px;} #nav_4 a {background:url("/jpn/common/images/menu_4.png") no-repeat 0 0;width:194px;height:40px;} #nav_5 a {background:url("/jpn/common/images/menu_5.png") no-repeat 0 0;width:108px;height:40px;} #nav_6 a {background:url("/jpn/common/images/menu_6.png") no-repeat 0 0;width:90px;height:40px;margin-left:10px;} #nav_7 a {background:url("/jpn/common/images/menu_7.png") no-repeat 0 0;width:107px;height:40px;} #nav_8 a {background:url("/jpn/common/images/menu_8.png") no-repeat 0 0;width:93px;height:40px;} #nav_1 a:hover,#nav_2 a:hover,#nav_3 a:hover,#nav_4 a:hover,#nav_5 a:hover,#nav_6 a:hover,#nav_7 a:hover,#nav_8 a:hover {background-position:0 -50px;} #nav_1 a:active,#nav_2 a:active,#nav_3 a:active,#nav_4 a:active,#nav_5 a:active,#nav_6 a:active,#nav_7 a:active,#nav_8 a:active {background-position:0 -100px;} #nav_1.active a,#nav_2.active a,#nav_3.active a,#nav_4.active a,#nav_5.active a,#nav_6.active a,#nav_7.active a,#nav_8.active a {background-position:0 -150px;} /* pulldown */ #pulldown {width:960px;height:auto;position:absolute;top:90px;left:-479px;margin:10px auto;z-index:210;color:#333;} #pulldown .inner {width:960px;height:auto;position:relative;top:8px;} #pulldown.n1 .arrow {display:block;position:absolute;top:-9px;left:52px;} #pulldown.n2 .arrow {display:block;position:absolute;top:-9px;left:179px;} #pulldown.n3 .arrow {display:block;position:absolute;top:-9px;left:296px;} #pulldown.n4 .arrow {display:block;position:absolute;top:-9px;left:443px;} #pulldown.n5 .arrow {display:block;position:absolute;top:-9px;left:594px;} #pulldown .inner {display:none;} #pulldown.n1 .inner.n1 {display:block;width:960px;height:563px;background:#dce0e3 url("/jpn/common/images/pulldownBg_showroom.jpg") left top no-repeat;} #pulldown.n2 .inner.n2 {display:block;width:960px;height:563px;background:#dce0e3 url("/jpn/common/images/pulldownBg_innovation.jpg") left top no-repeat;} #pulldown.n3 .inner.n3 {display:block;width:960px;height:563px;background:#dce0e3 url("/jpn/common/images/pulldownBg_events.jpg") left top no-repeat;} #pulldown.n4 .inner.n4 {display:block;width:960px;height:563px;background:#dce0e3 url("/jpn/common/images/pulldownBg_sustainability.jpg") left top no-repeat;} #pulldown.n5 .inner.n5 {display:block;width:960px;height:563px;background:#d8e5f8 url("/jpn/common/images/pulldownBg_company.jpg") left top no-repeat;} #pulldown .detail dt {margin:0 0 0 30px;padding-top:38px;} #pulldown .detail dt img {vertical-align:top;} #pulldown .detail dd {margin:8px 0 0 30px;} #pulldown .detail dd p img {vertical-align:top;} #pulldown .detail dd p.anchor {margin-top:10px;} #pulldown a.button {display:block;position:absolute;text-indent:-1000em;overflow:hidden;} #pulldown a.button.close {background:url("/jpn/common/images/content_buttons.png") -96px 0;width:32px;height:32px;top:-4px;right:-12px;z-index:100;} #pulldown a.button.close:hover {background:url("/jpn/common/images/content_buttons.png") -96px -32px;} #pulldown .inner.n1 a.button.overview {background:url("/jpn/common/images/pulldownBtn_showroom.png") 0 0;width:118px;height:26px;} #pulldown .inner.n2 a.button.overview {background:url("/jpn/common/images/pulldownBtn_innovation.png") 0 0;width:126px;height:26px;} #pulldown .inner.n3 a.button.overview {background:url("/jpn/common/images/pulldownBtn_events.png") 0 0;width:103px;height:26px;} #pulldown .inner.n4 a.button.overview {background:url("/jpn/common/images/pulldownBtn_sustainability.png") 0 0;width:172px;height:26px;} #pulldown .inner.n5 a.button.overview {background:url("/jpn/common/images/pulldownBtn_company.png") 0 0;width:109px;height:26px;} #pulldown .inner.n1 a.button.overview:hover, #pulldown .inner.n2 a.button.overview:hover, #pulldown .inner.n3 a.button.overview:hover, #pulldown .inner.n4 a.button.overview:hover, #pulldown .inner.n5 a.button.overview:hover {background-position:0 -36px;} #pulldown .scroll {position:absolute;bottom:12px;left:15px;width:930px;} #pulldown .scroll li {float:left;background:url("/jpn/common/images/module_shadow.png") no-repeat 5px 8px;width:186px;height:186px;margin:0;} #pulldown .scroll li img {margin:8px;_margin-left:7px!important;} /* #pulldown .scroll li:hover { -webkit-transform:scale(1.02); --webkit-transition:-webkit-transform 0.1s 0 linear; -moz-transform:scale(1.02); --moz-transition:-moz-transform 0.1s 0 linear; } */ /* foot */ #foot {position:relative;width:100%;height:auto;margin:10px auto 0 auto;} #foot .controls {width:auto;border-bottom:5px solid #c82828;} #foot .controls .inner {width:960px;height:25px;margin:0 auto;position:relative;} #foot .controls .inner .ft_link {display:inline-block;position:absolute;top:3px;right:113px;} #foot .controls .inner a {display:inline-block;color:#666;font-size:93%;letter-spacing:-0.5px;} #foot .controls .inner a:link {color:#333;text-decoration:none;} #foot .controls .inner a:visited {color:#333;text-decoration:none;} #foot .controls .inner a:hover {color:#333;text-decoration:none;} #foot .controls .inner a:active {color:#eb0a1e;text-decoration:none;} #foot .controls .inner p.ft_copyright {position:absolute;left:0;bottom:5px;} #foot .controls .inner p.ft_copyright img {vertical-align:bottom;} #foot .controls .inner a.ft_copy_term {height:16px;padding-right:10px;background:url("/jpn/common/images/ft_link_border.png") no-repeat right 0;} #foot .controls .inner a.ft_privacy {height:16px;padding-right:10px;margin-left:10px;background:url("/jpn/common/images/ft_link_border.png") no-repeat right 0;} #foot .controls .inner a.ft_faq {height:16px;margin-left:10px;} #foot .controls .inner a.sitemap {width:103px;height:25px;position:absolute;right:0;text-indent:-1000em;overflow:hidden;background:url("/jpn/common/images/foot.png") no-repeat 0 0;} #foot.active .controls .inner a.sitemap {background-image:url("/jpn/common/images/foot_f2.png");} #foot #sitemap {width:auto;margin:0 auto;background-color:#f5f5f5;overflow:hidden;} #foot #sitemap .inner {width:960px;height:550px;*height:670px;margin:0 auto;} #foot.active {position:relative;} #foot #sitemap form {width:380px;height:35px;margin:25px auto auto auto;position:relative;background:url("/jpn/common/images/sitemap_search_bg.png") no-repeat;} #foot #sitemap #sitemap_search_txt {width:318px;margin-left:6px;position:absolute;top:7px;left:2px;font-size:123.1%;border:none;background-color:transparent;color:#666;-webkit-appearance:none;} #foot #sitemap #sitemap_search_btn {width:47px;height:35px;position:absolute;top:0;right:0;} #foot #sitemap dt {padding:5px 0 5px 5px;border-bottom:solid 3px #ccc;color:#333;font-size:123.1%;} #foot #sitemap dd {width:auto;border-bottom:solid 1px #ccc;color:#333;font-size:93%;font-weight:normal;} #foot #sitemap a:link {color:#333;text-decoration:none;} #foot #sitemap a:visited {color:#333;text-decoration:none;} #foot #sitemap a:hover {color:#333;text-decoration:none;} #foot #sitemap a:active {color:#eb0a1e;text-decoration:none;} #foot #sitemap dd a {padding:7px 0 7px 5px;display:block;} #foot #sitemap dd a:hover {background-color:#e8e8e8;} #foot #sitemap .row1 {margin-top:15px;} #foot #sitemap .row2 {margin-top:25px;} #foot #sitemap .sitemap_showroom {width:182px;height:auto;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_innovation {width:182px;height:auto;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_events {width:182px;height:auto;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_sustainability {width:182px;height:auto;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_company {width:182px;height:auto;margin:0;float:left;} #foot #sitemap .sitemap_group dd a:hover {background-color:#ddd;} #foot #sitemap .sitemap_group {background:#e6e6e6;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_news {width:182px;height:auto;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_news .floatL {width:182px;float:left;margin:0;padding:0;border:none;} #foot #sitemap .sitemap_news .floatL.ml12 {margin-left:12px !important;} #foot #sitemap .sitemap_news li {border-bottom:solid 1px #ccc;color:#333;font-weight:normal;} #foot #sitemap .sitemap_investors {width:376px;height:auto;margin:0 12px 0 0;float:left;} #foot #sitemap .sitemap_investors .floatL {width:182px;float:left;margin:0;padding:0;border:none;} #foot #sitemap .sitemap_investors .floatL.ml12 {margin-left:12px !important;} #foot #sitemap .sitemap_investors li {border-bottom:solid 1px #ccc;color:#333;font-weight:normal;} #foot #sitemap .sitemap_recruit {width:182px;height:auto;margin:0;float:left;} #foot #sitemap .sitemap_recruit .floatL {width:182px;float:left;margin:0;padding:0;border:none;} #foot #sitemap .sitemap_recruit .floatL.ml12 {margin-left:12px !important;} #foot #sitemap .sitemap_recruit li {border-bottom:solid 1px #ccc;color:#333;font-weight:normal;} #foot #sitemap .sitemap_recruit li a {padding-right:5px;} #foot #sitemap .sitemap_other {width:182px;height:auto;margin:1px 0 0 0;float:left;border-top:solid 1px #ccc;} #foot #sitemap .no_border {border:none !important;} /* blackTemplate */ #foot.blackTemplate .controls .inner a {color:#ccc;} #foot.blackTemplate .controls .inner a:link {color:#ccc;} #foot.blackTemplate .controls .inner a:visited {color:#ccc;} #foot.blackTemplate .controls .inner a:hover {color:#ccc;} #foot.blackTemplate #sitemap {background-color:#3c3c3c !important;} #foot.blackTemplate #sitemap dt {border-bottom:solid 3px #666;color:#ccc;} #foot.blackTemplate #sitemap dd {border-bottom:solid 1px #666;color:#ccc;} #foot.blackTemplate #sitemap form {background:url("/jpn/common/images/sitemap_search_bg_black.png") no-repeat;} #foot.blackTemplate #sitemap a:link {color:#ccc;} #foot.blackTemplate #sitemap a:visited {color:#ccc;} #foot.blackTemplate #sitemap a:hover {color:#ccc;} #foot.blackTemplate #sitemap dt a {color:#fff !important;} #foot.blackTemplate #sitemap dd a:hover {background-color:#282828;color:#fff !important;} #foot.blackTemplate #sitemap .sitemap_group dd a:hover {background-color:#1e1e1e;color:#fff !important;} #foot.blackTemplate #sitemap .sitemap_group {background:#333 !important;} #foot.blackTemplate #sitemap .sitemap_news li {color:#ccc;} #foot.blackTemplate #sitemap .sitemap_investors li {color:#ccc;} #foot.blackTemplate #sitemap .sitemap_recruit li {color:#ccc;} /* diagram1 */ .diagram1 {border:none;border-top:1px solid #d2d7dc;border-collapse:separate;border-spacing:0;empty-cells:show;width:100%;margin:20px 0;} .diagram1 th, .diagram1 td {border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;vertical-align:middle;} .diagram1 tr.dot th, .diagram1 tr.dot td {border-bottom:1px solid #d2d7dc;border-style:dotted;} .diagram1 .indent10 {text-indent:10px;} .diagram1 th {font-weight:bold;text-align:left;} .diagram1 span.note {color:#666;font-size:13px;font-weight:normal;padding-left:0.5em;*font-size:small;*font:x-small;} .diagram1 .bg_lgray {background-color:#e5e5e5;} .diagram1.bdrlall td {border-left:1px solid #d2d7dc;} .diagram1.bdrrall th, .diagram1.bdrrall td {border-right:1px solid #d2d7dc;} /* diagram2 */ .diagram2 {border:none;border-collapse:separate;border-spacing:0;empty-cells:show;width:100%;margin:20px 0;} .diagram2 caption {color:#222;font-size:123.1%;font-weight:bold;line-height:110%;text-align:left;} .diagram2 th, .diagram2 td {border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;vertical-align:middle;} .diagram2 tr.year th {border-bottom:2px solid #d2d7dc;} .diagram2 tr.dot th, .diagram2 tr.dot td {border-style:dotted;padding-left:20px;} .diagram2 th {font-weight:bold;text-align:left;} .diagram2 span.note {color:#666;font-size:13px;font-weight:normal;padding-left:0.5em;*font-size:small;*font:x-small;} .diagram2 .notice {color:#666;font-size:86%;font-weight:normal;} .diagram2 .bdrr {border-right:1px solid #d2d7dc;} /* diagram3 */ .diagram3 {border:none;border-collapse:separate;border-spacing:0;empty-cells:show;width:100%;margin:20px 0;} .diagram3 caption {color:#222;font-size:123.1%;font-weight:bold;line-height:110%;text-align:left;} .diagram3 th, .diagram3 td {border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;vertical-align:middle;} .diagram3 tr.year th {border-bottom:2px solid #d2d7dc;} .diagram3 th.dot, .diagram3 td.dot {border-style:dotted;} .diagram3 .indent10 {text-indent:10px;} .diagram3 th {font-weight:bold;text-align:left;} .diagram3 span.note {color:#666;font-size:13px;font-weight:normal;padding-left:0.5em;*font-size:small;*font:x-small;} /* diagram4 */ .diagram4 {width:100%;border-collapse:separate;margin: 20px 0 0 0;} .diagram4 thead th {border-bottom:2px solid #d2d7dc;padding:5px 6px;text-align:left;font-weight:bold;} .diagram4 tbody td {border-bottom:1px solid #d2d7dc;padding: 10px 0;width:370px;vertical-align:top;} .diagram4 tbody td.bdrNo {border-bottom:none;width:20px;} .diagram4 tbody td dl {vertical-align:middle;overflow: hidden;zoom:1;} .diagram4 tbody td dl dt,.diagram4 tbody td dl dd {display:block;float:left;} .diagram4 tbody td dl dt {width:178px;clear:left;padding:0 6px;text-align:left;font-weight:bold;font-size:108%;line-height:1.3;} .diagram4 tbody td dl dd {border-left:1px solid #d2d7dc;padding:0 7px;line-height:1.5;font-size:12px;} /* color diagram */ .color_diagram {border:none;border-collapse:collapse;border-top:2px solid #d2d7dc;border-spacing:0;empty-cells:show;width:100%;margin:20px 0;} .color_diagram th, .color_diagram td {border:none;border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;vertical-align:middle;} .color_diagram th {background-color:#f0f4f6;border-right:1px solid #f0f4f6;font-weight:bold;text-align:left;} .color_diagram td {text-align:center;} .color_diagram td.subTlt {background-color:#f0f4f6;border-right:1px solid #f0f4f6;text-align:left;white-space:nowrap;} .color_diagram .bdrl {border-left:1px solid #d2d7dc;} .color_diagram .bdrr {border-right:1px solid #d2d7dc;} .color_diagram .bg_gray {background-color:#b2b2b2;} .color_diagram .bg_lgray {background-color:#e5e5e5;} .color_diagram.bdrrall th, .color_diagram.bdrrall td {border-right:1px solid #d2d7dc;} .color_diagram.taLeftall th, .color_diagram.taLeftall td {text-align:left !important;} .color_diagram th.dot, .color_diagram td.dot {border-bottom-style: dotted;} /* color_diagram2 */ .color_diagram2 {border:none;border-collapse:separate;border-top:1px solid #d2d7dc;border-spacing:0;empty-cells:show;width:100%;margin:20px 0;} .color_diagram2 caption {color:#222;font-size:123.1%;font-weight:bold;line-height:110%;text-align:left;} .color_diagram2 .head {background-color:#d2d7dc;border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;font-weight:bold;text-align:center;vertical-align:middle;} .color_diagram2 .subTlt {background-color:#cae2ec;border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;font-weight:bold;text-align:center;vertical-align:middle;} .color_diagram2 .data {border-left:1px solid #d2d7dc;border-bottom:1px solid #d2d7dc;font-size:108%;padding:5px 10px;vertical-align:middle;} .color_diagram2 .bg_odd {background-color:#ffffff;} .color_diagram2 .bg_even {background-color:#eff8f7;} .color_diagram2 span.note {color:#666;font-size:13px;font-weight:normal;padding-left:0.5em;*font-size:small;*font:x-small;} .color_diagram2 table, .color_diagram2 table th, .color_diagram2 table td, .color_diagram2 table caption {font-size:100%;} #contents_3rd .color_diagram2 dl.dlist dt, #contents_3rd .color_diagram2 dl.dlist dd, #contents_3rd .color_diagram2 ul.ulist li{font-size:93%;} #contents_3rd .color_diagram2 ul.ulist li li{font-size:100%;} /* line-height adjustment */ .diagram1 th,.diagram1 td, .diagram2 th,.diagram2 td, .diagram3 th,.diagram3 td, .color_diagram th,.color_diagram td, .color_diagram2 th,.color_diagram2 td {line-height:1.5;} /* bluebox */ .bluebox {background-color:#f0f4f6;padding:10px 10px;margin-top:20px;} .bluebox dl {margin-top:15px;} .bluebox dl dt {vertical-align:middle;color:#000;font-size:123.1%;} .bluebox dl dd.twoline {margin:-45px 0 0 65px;} .bluebox h4 {margin:20px 0 !important;} /* foot */ span.note {color:#900;} /* misc */ sup.note {color:#666;padding-left:0.2em;padding-right:0.2em;vertical-align:0.6em;line-height:100% !important;font-size:81% !important;} #bgimage {height:540px !important;min-width:960px;}