@charset "UTF-8"; /* Copyright (c) 2009, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.7.0 */ body { *font-size:small;*font:x-small; background-color:#FFFFFF; font-family: arial, helvetica, clean, sans-serif; font-size: 14px; line-height: 1.5em; color: #333333; height:100%; }select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;} /*If you want this size in pixels (px) Declare this percent (%) 10 77 11 85 12 93 (was 93) 13 100 14 108 (was 107) 15 116 (was 114) 16 123.1 (was 122) 17 131 (was 129) 18 138.5 (was 136) 19 146.5 (was 144) 20 153.9 (was 152) 21 161.6 (was 159) 22 167 23 174 24 182 25 189 26 197 */ html { height: 100%; width: 100%; } body { font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ",Meiryo,"","MS Pゴシック",sans-serif; height: 100%; width: 100%; text-align:center; margin: 0px; padding:0px; line-height: 1.75em; } #wrap{ width:980px; text-align:left; margin-left:auto; margin-right:auto; position:relative; min-height:100%; } body > #wrap{ width:auto; height:auto; } h1,h2,h3,h4,p,ul,li,a,img,table,th,td,dl,dt,dd{ margin: 0px; padding: 0px; } h2,h3,h4{ font-size:13px; } h3 { font-weight:bold; border-bottom:#ccc solid 1px; padding-bottom:0.5em; font-size:16px; margin-bottom: 0.5em; } h4 { font-size:14px; margin-bottom: 0.5em; } h5{ font-size:13px; margin-bottom: 0.5em; } li{ list-style-type: none; } a { color: #333;} a:link,a:visited{ cursor: pointer; text-decoration:underline; } a:hover{ text-decoration:none; } a:hover img{ opacity:0.8; filter:alpha(opacity=80); } img{ vertical-align: middle; border: 0; } /* [hack] clear fix --------------------------------------*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height:0; } .clearfix { display: inline-block; min-height: 1%; /* for IE 7*/ } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ /* float */ .Lfloat{ float:left; } .Rfloat{ float:right; } /* table */ table{ border-spacing: 0; border-collapse: collapse; width:100%; } /* display */ .d_in{ display:inline; } /* text-align,vertical-align */ .left{ text-align:left; } .center{ text-align:center; } .right{ text-align:right; } .top{ vertical-align:top; } .middle{ vertical-align:middle; } .bottom{ vertical-align:bottom; } .LH_em{ line-height:1em; } /* margin */ .mT10{ margin-top:10px; } .mT15{ margin-top:15px; } .mT20{ margin-top:20px; } .mT30{ margin-top:30px; } .mT50{ margin-top:50px; } .mL10{ margin-left:10px; } .mL20{ margin-left:20px; } .mL30{ margin-left:30px; } .mR10{ margin-right:10px; } .mB5{ margin-bottom:5px; } .mB10{ margin-bottom:10px; } .mB15{ margin-bottom:15px; } /* paddgin */ .pT10{ padding-top:10px; } .pT20{ padding-top:20px; } .pL10{ padding-left:10px; } .pR5{ padding-right:5px; } .pB15{ padding-bottom:15px; } /* font */ .f12px { font-size:12px;} .f16x { font-size:16px;} .f18px { font-size:18px;} .f24px { font-size:24px;} .fRed { color: #cc3333;} .bold { font-weight:bold;} /* header */ #header{ width:980px; height:56px; margin-left:auto; margin-right:auto; margin-bottom:5px; background-image:url(/common/img/head_logo_bg.gif); background-repeat:no-repeat; position:relative; } #logo{ width:236px; height:36px; position:absolute; top:10px; left:20px; } #logo h1, #logo p, #logo a{ width:100%; height:100%; display:block; line-height:1em; } #logo img{ width:100%; height:auto; vertical-align:top; } #h_menu{ text-align:right; overflow:hidden; height:28px; display:block; margin-bottom:10px; margin-left:600px; } * html #h_menu{ margin-left:650px; } #h_menu li{ float:left; margin-left:35px; padding-left:10px; background-image:url(/common/img/h_arrow.gif); background-repeat:no-repeat; background-position:left center; font-size:10px; line-height:1.2em; vertical-align:middle; margin-top:6px; } #h_menu li a{ color:#FFF; text-decoration:none; } #h_menu li a:hover{ text-decoration:underline; } #serch_area{ text-align:right; margin-right:18px; } * html #serch_area{ margin-top:-10px; } #serch_area span { display: none; } #i_search_input_top, #i_search_input_news{ width:200px; height: 18px; margin-right: 5px; padding: 0; vertical-align: top; font-size:93%; } #search_icon { vertical-align: middle; width:19px; height:20px; margin-top:-4px; } #search_icon_news{ vertical-align: middle; width:21px; height:21px; } /* container */ #container{ width:980px; margin-left:auto; margin-right:auto; overflow:hidden; padding-bottom:200px; min-height:100%; } /* contents */ #top_contents{ float:right; width:740px; } #contents{ float:right; width:730px; } /* top_btn*/ div.top_btn{ width:980px; margin:0 auto 5px; } div.top_btn p{ background:url(/common/img/to_top_bg.gif) left center no-repeat; padding:0 12px; float:right; } div.top_btn p a{ color:#000; font-size:12px; text-decoration: none; } /* footer */ div#footer{ position:absolute; bottom:0; margin:0 auto; width:100%; color:#fff; min-width:980px; } div#footerBOX{ background:#000; padding-bottom:10px; } div#footer_in{ background:#000; width:960px; margin:0 auto; } div#footer p.logo{ float:left; line-height:1em; margin: 16px 20px 0; } div#footer ul{ float:left; margin-top:14px; } div#footer ul li{ background:url(/common/img/h_arrow.gif) left center no-repeat; padding-left:10px; margin-right:20px; float:left; font-size:10px; } div#footer ul li a{ color:#fff; text-decoration:none; } div#footer ul li a:hover{ text-decoration: underline; } div#footer p#copy{ float:right; font-size:9px; margin:14px 0 0 0; } /* グローバルナビ */ div#gNavi{ height:46px; } * html div#gNavi{ margin-top:25px; height:46px; } * html div#gNavi ul li{ margin-top:-25px; } *+html div#gNavi ul li{ margin-top:5px; } *+html div#gNavi ul li.navi_02, *+html div#gNavi ul li.navi_02_on{ margin-top:-25px; } *+html div#gNavi ul li.navi_03, *+html div#gNavi ul li.navi_03_on{ margin-top:-25px; } *+html div#gNavi ul li.navi_04, *+html div#gNavi ul li.navi_04_on{ margin-top:-25px; } *+html div#gNavi ul li.navi_05, *+html div#gNavi ul li.navi_05_on{ margin-top:-25px; } div#gNavi ul li a{ float:left; width:196px; /* width:163px; */ height:46px; text-indent: -9999px; } /* div#gNavi ul li:first-child a, div#gNavi ul li:last-child a{ width:164px; } div#gNavi ul li.navi_100 a{ background:url(/common/img/g_navi_170111.png) left top no-repeat; } div#gNavi ul li.navi_100 a:hover, div#gNavi ul li.navi_100_on a{ background:url(/common/img/g_navi_170111.png) left bottom no-repeat; } div#gNavi ul li.navi_01 a{ background:url(/common/img/g_navi_170111.png) -164px top no-repeat; } div#gNavi ul li.navi_01 a:hover, div#gNavi ul li.navi_01_on a{ background:url(/common/img/g_navi_170111.png) -164px bottom no-repeat; } div#gNavi ul li.navi_02 a{ background:url(/common/img/g_navi_170111.png) -327px top no-repeat; } div#gNavi ul li.navi_02 a:hover, div#gNavi ul li.navi_02_on a{ background:url(/common/img/g_navi_170111.png) -327px bottom no-repeat; } div#gNavi ul li.navi_03 a{ background:url(/common/img/g_navi_170111.png) -490px top no-repeat; } div#gNavi ul li.navi_03 a:hover, div#gNavi ul li.navi_03_on a{ background:url(/common/img/g_navi_170111.png) -490px bottom no-repeat; } div#gNavi ul li.navi_04 a{ background:url(/common/img/g_navi_170111.png) -653px top no-repeat; } div#gNavi ul li.navi_04 a:hover, div#gNavi ul li.navi_04_on a{ background:url(/common/img/g_navi_170111.png) -653px bottom no-repeat; } div#gNavi ul li.navi_05 a{ background:url(/common/img/g_navi_170111.png) -816px top no-repeat; } div#gNavi ul li.navi_05 a:hover, div#gNavi ul li.navi_05_on a{ background:url(/common/img/g_navi_170111.png) -816px bottom no-repeat; } */ div#gNavi ul li.navi_01 a{ background:url(/common/img/g_navi.png) left top no-repeat; } div#gNavi ul li.navi_01 a:hover, div#gNavi ul li.navi_01_on a{ background:url(/common/img/g_navi.png) left bottom no-repeat; } div#gNavi ul li.navi_02 a{ background:url(/common/img/g_navi.png) -196px top no-repeat; } div#gNavi ul li.navi_02 a:hover, div#gNavi ul li.navi_02_on a{ background:url(/common/img/g_navi.png) -196px bottom no-repeat; } div#gNavi ul li.navi_03 a{ background:url(/common/img/g_navi.png) -392px top no-repeat; } div#gNavi ul li.navi_03 a:hover, div#gNavi ul li.navi_03_on a{ background:url(/common/img/g_navi.png) -392px bottom no-repeat; } div#gNavi ul li.navi_04 a{ background:url(/common/img/g_navi.png) -588px top no-repeat; } div#gNavi ul li.navi_04 a:hover, div#gNavi ul li.navi_04_on a{ background:url(/common/img/g_navi.png) -588px bottom no-repeat; } div#gNavi ul li.navi_05 a{ background:url(/common/img/g_navi.png) -784px top no-repeat; } div#gNavi ul li.navi_05 a:hover, div#gNavi ul li.navi_05_on a{ background:url(/common/img/g_navi.png) -784px bottom no-repeat; } /* navi_on --------------------------- */ body.product div#gNavi ul li.navi_01 a {background-position: left bottom;} body.csr div#gNavi ul li.navi_03 a {background-position: -392px bottom;} body.profile div#gNavi ul li.navi_04 a {background-position: -588px bottom;} /* body.product div#gNavi ul li.navi_01 a {background-position: -164px bottom;} body.csr div#gNavi ul li.navi_03 a {background-position: -490px bottom;} body.profile div#gNavi ul li.navi_04 a {background-position: -653px bottom;} */ /* breadcrumb */ div#breadcrumb ul li{ float:left; margin:15px 10px 0 0; font-size:12px; line-height:21px; } div#breadcrumb ul li a{ color:#000; text-decoration: none; } div#breadcrumb ul li a:hover{ text-decoration: underline; } div#breadcrumb ul li.site_top{ background:#F00; } div#breadcrumb ul li.site_top a{ color:#fff; margin:0 5px; } /* h2 */ div#container h2.h2title{ background:url(/common/img/lower_h2_bg.gif) left top no-repeat; margin:15px 0; font-size:30px; font-weight:normal; line-height:33px; padding-left:20px; height:45px; } /* PDFリンク */ p.pdfLink a{ border:#ccc solid 1px; font-size:12px; line-height:1em; color:#000; text-decoration:none; padding:10px 15px; } /* 矢印リンク */ .arrowLink a{ background: url(/common/img/info_list.png) left center no-repeat; padding-left: 15px; padding-right: 40px; } /* 囲み枠 */ .boxBdGray { border:#ccc solid 1px; padding: 15px 20px; } /* レスポンシブ */ .show_sp{ display:none; } /* 20151202 */ #anime_header{ background:url(/common/img/head_logo_bg2.gif) center top no-repeat; }