@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: Helvetica,Ariel;
font-size: 14px;
line-height: 1.5em;
color: #333333;
}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: Helvetica,Ariel;
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;
}
h3 {
border-bottom: 1px solid #ccc;
font-weight:bold;
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;
padding-bottom: 15px;
}
/* table */
table{
border-spacing: 0;
border-collapse: collapse;
width:100%;
}
/* 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;
}
.mR10{
margin-right:10px;
}
.mB5{
margin-bottom:5px;
}
.mB10{
margin-bottom:10px;
}
.mB15{
margin-bottom:15px;
}
/* paddgin */
.pL10{
padding-left:10px;
}
.pR5{
padding-right:5px;
}
.pB15{
padding-bottom:15px;
}
/* font */
.f12px{
font-size:12px;
}
.f16px {
font-size:16px;
}
.f18px {
font-size:18px;
}
.f24px {
font-size:24px;
}
.fRed {
color:#cc3333;
}
.fwhite{
color: #fff;
}
.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:555px;
}
* html #h_menu{
margin-left:610px;
}
#h_menu li{
float:left;
margin-left:38px;
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;
font-weight:bold;
}
#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%;
}
#container iframe{
margin-bottom:8px;
}
/* contents */
#top_contents{
float:right;
width:710px;
}
#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: 18px 20px 0 10px;
}
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:10px;
float:left;
font-size:10px;
font-weight:bold;
}
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;
}
/* グローバルナビ */
* html div#gNavi{
margin-top:25px;
}
* 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;
}
div#gNavi ul li a{
float:left;
width:245px;
/* width:196px; */
height:46px;
text-indent: -9999px;
}
/*
div#gNavi ul li.navi_100 a{
background:url(/global/common/img/g_navi_170221.png) left top no-repeat;
}
div#gNavi ul li.navi_100 a:hover,
div#gNavi ul li.navi_100_on a{
background:url(/global/common/img/g_navi_170221.png) left bottom no-repeat;
}
div#gNavi ul li.navi_01 a{
background:url(/global/common/img/g_navi_170221.png) -196px top no-repeat;
}
div#gNavi ul li.navi_01 a:hover,
div#gNavi ul li.navi_01_on a{
background:url(/global/common/img/g_navi_170221.png) -196px bottom no-repeat;
}
div#gNavi ul li.navi_02 a{
background:url(/global/common/img/g_navi_170221.png) -392px top no-repeat;
}
div#gNavi ul li.navi_02 a:hover,
div#gNavi ul li.navi_02_on a{
background:url(/global/common/img/g_navi_170221.png) -392px bottom no-repeat;
}
div#gNavi ul li.navi_03 a{
background:url(/global/common/img/g_navi_170221.png) -588px top no-repeat;
}
div#gNavi ul li.navi_03 a:hover,
div#gNavi ul li.navi_03_on a{
background:url(/global/common/img/g_navi_170221.png) -588px bottom no-repeat;
}
div#gNavi ul li.navi_04 a{
background:url(/global/common/img/g_navi_170221.png) -784px top no-repeat;
}
div#gNavi ul li.navi_04 a:hover,
div#gNavi ul li.navi_04_on a{
background:url(/global/common/img/g_navi_170221.png) -784px bottom no-repeat;
}
*/
div#gNavi ul li.navi_01 a{
background:url(/global/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(/global/common/img/g_navi.png) left bottom no-repeat;
}
div#gNavi ul li.navi_02 a{
background:url(/global/common/img/g_navi.png) -245px top no-repeat;
}
div#gNavi ul li.navi_02 a:hover,
div#gNavi ul li.navi_02_on a{
background:url(/global/common/img/g_navi.png) -245px bottom no-repeat;
}
div#gNavi ul li.navi_03 a{
background:url(/global/common/img/g_navi.png) -490px top no-repeat;
}
div#gNavi ul li.navi_03 a:hover,
div#gNavi ul li.navi_03_on a{
background:url(/global/common/img/g_navi.png) -490px bottom no-repeat;
}
div#gNavi ul li.navi_04 a{
background:url(/global/common/img/g_navi.png) -735px top no-repeat;
}
div#gNavi ul li.navi_04 a:hover,
div#gNavi ul li.navi_04_on a{
background:url(/global/common/img/g_navi.png) -735px bottom no-repeat;
}
/* navi_on
--------------------------- */
/* body.product div#gNavi ul li.navi_01 a
{background-position: -196px bottom;}
body.csr div#gNavi ul li.navi_03 a
{background-position: -588px bottom;}
body.profile div#gNavi ul li.navi_04 a
{background-position: -784px bottom;} */
body.product div#gNavi ul li.navi_01 a
{background-position: left 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: -735px 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;
}
/* profile/news_detail.html
--------------------------- */
p.pdf{
border:#ccc solid 1px;
font-size:12px;
line-height:1em;
float:right;
padding:5px 0;
}
p.pdf span{
vertical-align:middle;
}
div.news_info p.pdf a{
color:#000;
text-decoration:none;
padding:5px 15px;
}
div.Article_frame{
margin-top:15px;
}
div.Article_frame p.Article_date{
font-size:12px;
line-height:1em;
}
div.Article_frame h3{
border: none;
margin-bottom: 0;
}
div.Article_frame p.Article_date{
font-size:12px;
line-height:1em;
}
div.Article_frame h3{
font-size:22px;
font-weight:bold;
margin-top:20px;
}
div.Article_frame h4{
color:#e7031c;
margin-top:5px;
font-weight:normal;
}
div.Article_text_in{
border-top:#ccc solid 2px;
margin-top:15px;
}
div.Article_text_in p{
margin-top:20px;
}
div.photo{
margin: 0 auto;
}
div.photo650{
width: 650px;
margin: 20px auto 0;
text-align: center;
}
div.photo450{
width: 450px;
margin: 20px auto 0;
text-align: center;
}
div.photo650 img, div.photo450 img {
width: 100%;
height: auto;
}
div.photo p.photo_txt{
width: 90%;
margin:10px auto;
font-size:12px;
line-height:16px;
text-align:left;
}
div.Article_text h5{
font-weight:bold;
border-bottom:#ccc solid 1px;
padding-bottom:0.5em;
font-size:16px;
margin-top:40px;
}
div.Article_text h6{
font-size:14px;
margin:0;
}