@charset "utf-8";

/*==================================================
*	01. Base
*	02. Structure
	03. Modules
	98. News Details (old style)
	99. Support
==================================================*/


/*==================================================
	01. Base
==================================================*/

body.popup{
background-color:transparent;
}

div#CORPNAVI *,
div#VISUALAREA *,
div#CONTENTSAREA *{
margin:0;
padding:0;
font-family: "メイリオ", "Meiryo", verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "小塚ゴシック", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

div#CORPNAVI,
div#VISUALAREA,
div#CONTENTSAREA{
position:relative;
line-height:1.6;
color:#333;
font-size:13px;
text-align:left;
}

div#CORPNAVI p,
div#VISUALAREA p,
div#CONTENTSAREA p{
margin:0 0 0.77em;
}

div#CORPNAVI ul,
div#VISUALAREA ul,
div#CONTENTSAREA ul,
div#CORPNAVI ol,
div#VISUALAREA ol,
div#CONTENTSAREA ol,
div#CORPNAVI dl,
div#VISUALAREA dl,
div#CONTENTSAREA dl{
margin:0 0 0.77em;
}

div#CORPNAVI li,
div#VISUALAREA li,
div#CONTENTSAREA li{
list-style:none;
}

strong{
font-weight:bold;
}
em{
color:#dd0835;
font-style:normal;
}

sup{
font-size:85%;
}

img{
border:0;
vertical-align:bottom;
_vertical-align:text-bottom;
}

div#CORPNAVI a,
div#VISUALAREA a,
div#CONTENTSAREA a,
div#CORPNAVI a:link,
div#VISUALAREA a:link,
div#CONTENTSAREA a:link,
div#CORPNAVI a:visited,
div#VISUALAREA a:visited,
div#CONTENTSAREA a:visited{
color:#039;
text-decoration:underline;
}
div#CORPNAVI a:hover,
div#VISUALAREA a:hover,
div#CONTENTSAREA a:hover,
div#CORPNAVI a:focus,
div#VISUALAREA a:focus,
div#CONTENTSAREA a:focus{
text-decoration:none;
}


/*==================================================
	02. Structure
==================================================*/
div#CORPNAVI div.wFix{
margin:0 auto;
width:960px;
}

div#VISUALAREA div.wFix{
margin:0 auto;
width:1262px;
}

body.popup div#CONTAINER{
min-width:680px;
}
body.popup div#CONTENTSAREA{
margin:21px 0 23px;
padding:29px 30px 0;
width:680px;
min-width:680px;
}
body.popup div#CONTENTSAREA ul.closeBtn li{
text-align:center;
}

/** CORPNAVI
---------------------------------------------*/
div#CORPNAVI{
padding-bottom:16px;
height:55px;
background:url(/common/images/bg_CORPNAVI.gif) repeat-x center 33px;
}
body#top div#CORPNAVI{
padding-bottom:0;
}

div#CORPNAVI div.wFix{
position:relative;
}

div#CORPNAVI h1.logo,
div#CORPNAVI p.logo{
position:absolute;
top:15px;
left:0;
}

div#CORPNAVI ul#GNAVI{
position:absolute;
top:2px;
left:196px;
height:53px;
background:url(/common/images/bg_GNAVI.gif) no-repeat left 11px;
}
div#CORPNAVI ul#GNAVI li{
margin-left:4px;
padding-right:6px;
position:relative;
float:left;
width:106px;
height:53px;
background:url(/common/images/bg_GNAVI.gif) no-repeat right 11px;
}
div#CORPNAVI ul#GNAVI li a{
display:block;
width:106px;
height:100%;
overflow:hidden;
}
div#CORPNAVI ul#GNAVI li a span{
display:block;
position:absolute;
top:0;
left:0;
width:106px;
height:100%;
background-color:#fff;
background-image:url(/common/images/spr_btn_gnavi.png);
background-repeat:no-repeat;
cursor:pointer;
}
div#CORPNAVI ul#GNAVI li.company a span{
background-position:0 12px;
}
div#CORPNAVI ul#GNAVI li.news a span{
background-position:-108px 12px;
}
div#CORPNAVI ul#GNAVI li.business a span{
background-position:-214px 12px;
}
div#CORPNAVI ul#GNAVI li.ir a span{
background-position:-321px 12px;
}
div#CORPNAVI ul#GNAVI li.csr a span{
background-position:-428px 12px;
}
div#CORPNAVI ul#GNAVI li.recruit a span{
background-position:-535px 12px;
}
body#company div#CORPNAVI ul#GNAVI li.company a span,
div#CORPNAVI ul#GNAVI li.company a:hover span,
div#CORPNAVI ul#GNAVI li.company a:focus span{
background-position:0 -41px;
}
body#news div#CORPNAVI ul#GNAVI li.news a span,
div#CORPNAVI ul#GNAVI li.news a:hover span,
div#CORPNAVI ul#GNAVI li.news a:focus span{
background-position:-108px -41px;
}
body#business div#CORPNAVI ul#GNAVI li.business a span,
div#CORPNAVI ul#GNAVI li.business a:hover span,
div#CORPNAVI ul#GNAVI li.business a:focus span{
background-position:-215px -41px;
}
body#ir div#CORPNAVI ul#GNAVI li.ir a span,
div#CORPNAVI ul#GNAVI li.ir a:hover span,
div#CORPNAVI ul#GNAVI li.ir a:focus span{
background-position:-321px -41px;
}
body#csr div#CORPNAVI ul#GNAVI li.csr a span,
div#CORPNAVI ul#GNAVI li.csr a:hover span,
div#CORPNAVI ul#GNAVI li.csr a:focus span{
background-position:-428px -41px;
}
body#recruit div#CORPNAVI ul#GNAVI li.recruit a span,
div#CORPNAVI ul#GNAVI li.recruit a:hover span,
div#CORPNAVI ul#GNAVI li.recruit a:focus span{
background-position:-535px -41px;
}

/* 一時的な反映 英語へIRが追加されるまで START
body.english div#CORPNAVI{
padding-bottom:16px;
height:55px;
background:url(/common/images/bg_CORPNAVI.gif) repeat-x center 33px;
}
body.english#top div#CORPNAVI{
padding-bottom:0;
}

body.english div#CORPNAVI div.wFix{
position:relative;
}

body.english div#CORPNAVI h1.logo,
body.english div#CORPNAVI p.logo{
position:absolute;
top:15px;
left:0;
}

body.english div#CORPNAVI ul#GNAVI{
position:absolute;
top:2px;
left:292px;
height:53px;
background:url(/common/images/bg_GNAVI.gif) no-repeat left 11px;
}
body.english div#CORPNAVI ul#GNAVI li{
margin-left:4px;
padding-right:6px;
position:relative;
float:left;
width:110px;
height:53px;
background:url(/common/images/bg_GNAVI.gif) no-repeat right 11px;
}
body.english div#CORPNAVI ul#GNAVI li a{
display:block;
width:110px;
height:100%;
overflow:hidden;
}
body.english div#CORPNAVI ul#GNAVI li a span{
display:block;
position:absolute;
top:0;
left:0;
width:110px;
height:100%;
background-color:#fff;
background-image:url(/common/images/spr_btn_gnavi_old.png);
background-repeat:no-repeat;
cursor:pointer;
}
body.english div#CORPNAVI ul#GNAVI li{
width:140px;
}
body.english div#CORPNAVI ul#GNAVI li a{
width:140px;
}
body.english div#CORPNAVI ul#GNAVI li a span{
width:140px;
}
body.english div#CORPNAVI ul#GNAVI li.company a span{
background-position:0 -94px;
}
body.english div#CORPNAVI ul#GNAVI li.news a span{
background-position:-141px -94px;
}
body.english div#CORPNAVI ul#GNAVI li.business a span{
background-position:-282px -94px;
}
body.english div#CORPNAVI ul#GNAVI li.csr a span{
background-position:-423px -94px;
}
body.english#company div#CORPNAVI ul#GNAVI li.company a span,
body.english div#CORPNAVI ul#GNAVI li.company a:hover span,
body.english div#CORPNAVI ul#GNAVI li.company a:focus span{
background-position:0 -147px;
}
body.english#news div#CORPNAVI ul#GNAVI li.news a span,
body.english div#CORPNAVI ul#GNAVI li.news a:hover span,
body.english div#CORPNAVI ul#GNAVI li.news a:focus span{
background-position:-141px -147px;
}
body.english#business div#CORPNAVI ul#GNAVI li.business a span,
body.english div#CORPNAVI ul#GNAVI li.business a:hover span,
body.english div#CORPNAVI ul#GNAVI li.business a:focus span{
background-position:-282px -147px;
}
body.english#csr div#CORPNAVI ul#GNAVI li.csr a span,
body.english div#CORPNAVI ul#GNAVI li.csr a:hover span,
body.english div#CORPNAVI ul#GNAVI li.csr a:focus span{
background-position:-423px -147px;
}
一時的な反映 英語へIRが追加されるまで END */

/* new gloval nav styles add CSR links */
body.english div#CORPNAVI ul#GNAVI {
left: 164px;
}

body.english div#CORPNAVI ul#GNAVI li{
width:136px;
}
body.english div#CORPNAVI ul#GNAVI li a{
width:136px;
}
body.english div#CORPNAVI ul#GNAVI li a span{
width:136px;
}
body.english div#CORPNAVI ul#GNAVI li.company a span{
background-position:0 -94px;
}
body.english div#CORPNAVI ul#GNAVI li.news a span{
background-position:-138px -94px;
}
body.english div#CORPNAVI ul#GNAVI li.business a span{
background-position:-273px -94px;
}
body.english div#CORPNAVI ul#GNAVI li.ir a span{
background-position:-410px -94px;
}
body.english div#CORPNAVI ul#GNAVI li.csr a span{
background-position:-547px -94px;
}
body.english#company div#CORPNAVI ul#GNAVI li.company a span,
body.english div#CORPNAVI ul#GNAVI li.company a:hover span,
body.english div#CORPNAVI ul#GNAVI li.company a:focus span{
background-position:0 -147px;
}
body.english#news div#CORPNAVI ul#GNAVI li.news a span,
body.english div#CORPNAVI ul#GNAVI li.news a:hover span,
body.english div#CORPNAVI ul#GNAVI li.news a:focus span{
background-position:-138px -147px;
}
body.english#business div#CORPNAVI ul#GNAVI li.business a span,
body.english div#CORPNAVI ul#GNAVI li.business a:hover span,
body.english div#CORPNAVI ul#GNAVI li.business a:focus span{
background-position:-275px -147px;
}
body.english#ir div#CORPNAVI ul#GNAVI li.ir a span,
body.english div#CORPNAVI ul#GNAVI li.ir a:hover span,
body.english div#CORPNAVI ul#GNAVI li.ir a:focus span{
background-position:-410px -147px;
}
body.english#csr div#CORPNAVI ul#GNAVI li.csr a span,
body.english div#CORPNAVI ul#GNAVI li.csr a:hover span,
body.english div#CORPNAVI ul#GNAVI li.csr a:focus span{
background-position:-547px -147px;
}
/* new gloval nav styles add CSR links */

div#CORPNAVI ul.nav-language{
position:absolute;
top:25px;
left:901px;
}
div#CORPNAVI ul.nav-language li a{
display:block;
width:56px;
height:20px;
overflow:hidden;
}
div#CORPNAVI ul.nav-language li a span{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/common/images/spr_btn_language.png);
background-repeat:no-repeat;
cursor:pointer;
}
div#CORPNAVI ul.nav-language li a span{
background-position:0 0;
}
div#CORPNAVI ul.nav-language li a:hover span,
div#CORPNAVI ul.nav-language li a:focus span{
background-position:-56px 0;
}

body.english div#CORPNAVI ul.nav-language li a span{
background-position:-112px 0;
}
body.english div#CORPNAVI ul.nav-language li a:hover span,
body.english div#CORPNAVI ul.nav-language li a:focus span{
background-position:-168px 0;
}

/* 日本語ヘッダー調整 [お問い合わせボタン追加に伴う] */
html[lang="ja"] div#CORPNAVI ul#GNAVI {
	left: 139px;
}

html[lang="ja"] div#CORPNAVI ul#GNAVI li {
	margin-left: 3px;
	padding-right: 3px;
}

html[lang="ja"] div#CORPNAVI ul.nav-link-sub,
html[lang="ja"] div#CORPNAVI ul.nav-language {
	top: 19px;
}

html[lang="ja"] div#CORPNAVI ul.nav-link-sub {
	position: absolute;
	left: 826px;
}

html[lang="ja"] div#CORPNAVI ul.nav-link-sub > li:hover > a,
html[lang="ja"] div#CORPNAVI ul.nav-link-sub > li > a:focus,
html[lang="ja"] div#CORPNAVI ul.nav-link-sub > li > a:active {
	opacity: .75;
}

html[lang="ja"] div#CORPNAVI ul.nav-language {
	left: 905px;
}

/** VISUALAREA
---------------------------------------------*/
div#VISUALAREA{
margin-bottom:0;
padding-bottom:13px;
background:url(/common/images/bg_VISUALAREA.png) repeat-x center top;
}

/** CONTENTSAREA
---------------------------------------------*/
#CONTENTSAREA{
margin:0 auto;
padding-bottom:30px;
width:960px;
min-height:300px;
text-align:left;
overflow:hidden;
}

#CONTENTSAREA #BREADCLUMB{
margin-bottom:17px;
font-size:84.6%;
}

#CONTENTSAREA ul.corpLink{
margin-bottom:23px;
padding:11px 0 11px 15px;
background-color:#f5f5f5;
}
#CONTENTSAREA ul.corpLink li{
margin-right:17px;
display:inline;
white-space:nowrap;
zoom:1;
padding-left:12px;
background:url(/common/images/anc_02.gif) no-repeat left 0.54em;
}


/* 左右段組
--------------------------------------------------------------*/

/* 段組Ｃ　ぶちぬき960px */
.columnC{
	margin-bottom:10px;
}

/* 段組Ｇ　left240 right680 */
.columnG{
margin-bottom:10px;
position:relative;
}
.columnG .sub{
width:240px;
float:left;
position:relative;
}
.columnG .main{
width:680px;
float:right;
}

body.popup .main{
width:680px;
}

/** sub
---------------------------------------------*/
#CONTENTSAREA div.sub  ul.nav-banner-01{
margin-bottom:0;
}

#CONTENTSAREA div.sub div.side-menu-01{
margin-bottom:20px;
padding-bottom:3px;
background:url(/common/images/bg_side-menu-01_01.png) no-repeat left bottom;
zoom:1;
}
#CONTENTSAREA div.sub div.side-menu-01 div.side-menu-01-inner{
background:url(/common/images/bg_side-menu-01_02.png) no-repeat left 40px;
}
#CONTENTSAREA div.sub div.side-menu-01 .side-menu-01-hdg{
margin-bottom:15px;
}
#CONTENTSAREA div.sub div.side-menu-01 ul.nav-banner-01,
#CONTENTSAREA div.sub div.side-menu-01 ul.nav-banner-02{
margin:0 10px;
}
#CONTENTSAREA div.sub div.side-menu-01 ul.nav-banner-02{
margin-bottom:9px;
}

#CONTENTSAREA div.sub div.side-menu-02{
margin-bottom:20px;
padding-bottom:3px;
background:url(/common/images/bg_side-menu-02_01.png) no-repeat left bottom;
zoom:1;
}
#CONTENTSAREA div.sub div.side-menu-02 div.side-menu-02-inner{
background:url(/common/images/bg_side-menu-02_02.png) no-repeat left 40px;
}
#CONTENTSAREA div.sub div.side-menu-02 h2.side-menu-02-hdg{
margin-bottom:15px;
}
#CONTENTSAREA div.sub div.side-menu-02 ul.nav-banner-01{
margin:0 8px 0 10px;
}

/** SUBNAVI
---------------------------------------------*/
#CONTENTSAREA div.sub div#SNAVI{
margin-bottom:20px;
background:url(/common/images/bg_NNAVI_01.png) no-repeat left bottom;
zoom:1;
}

#CONTENTSAREA div.sub div#SNAVI dl.sn01{
margin-bottom:0;
}
#CONTENTSAREA div.sub div#SNAVI dl.sn01 dt{
position:relative;
width:240px;
height:64px;
}
#CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a{
display:block;
width:100%;
height:100%;
overflow:hidden;
}
#CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
display:block;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-image:url(/common/images/spr_btn_snavi.png);
background-repeat:no-repeat;
cursor:pointer;
}

body#company #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:0 0;
}
body#news #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:0 -64px;
}
body#business #CONTENTSAREA div.sub div#SNAVI dl dt a span{
background-position:0 -128px;
}
body#csr #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:0 -192px;
}
body#fashion #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:0 -256px;
}
body#recruit #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:0 -320px;
}
body#company #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body#company #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-240px 0;
}
body#news #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body#news #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-240px -64px;
}
body#business #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body#business #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-240px -128px;
}
body#csr #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body#csr #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-240px -192px;
}
body#fashion #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body#fashion #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-240px -256px;
}
body#recruit #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body#recruit #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-240px -320px;
}

body.english#company #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:-480px 0;
}
body.english#news #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:-480px -64px;
}
body.english#business #CONTENTSAREA div.sub div#SNAVI dl dt a span{
background-position:-480px -128px;
}
body.english#csr #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:-480px -192px;
}
body.english#fashion #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a span{
background-position:-480px -256px;
}
body.english#company #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body.english#company #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-720px 0;
}
body.english#news #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body.english#news #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-720px -64px;
}
body.english#business #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body.english#business #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-720px -128px;
}
body.english#csr #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:hover span,
body.english#csr #CONTENTSAREA div.sub div#SNAVI dl.sn01 dt a:focus span{
background-position:-720px -192px;
}

#CONTENTSAREA div.sub div#SNAVI dl.sn01 dd{
border-top:4px #d3d3d3 solid;
overflow:hidden;
zoom:1;
}

#CONTENTSAREA div.sub div#SNAVI dl.sn01 dd,
#CONTENTSAREA div.sub div#SNAVI dl.sn01 dd a,
#CONTENTSAREA div.sub div#SNAVI dl.sn01 dd a:link,
#CONTENTSAREA div.sub div#SNAVI dl.sn01 dd a:visited{
color:#333;
text-decoration:none;
}

#CONTENTSAREA div.sub div#SNAVI ul.sn02{
margin:-1px 0 0;
padding:0 4px 4px;
background:url(/common/images/bg_NNAVI_02.png) no-repeat left top;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li{
/margin-bottom:-1px; /* for IE7 */
padding:13px 9px 13px 28px;
background:url(/common/images/line_01.gif) repeat-x left top;
zoom:1;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li a{
margin:-12px -9px -13px -28px;
padding:12px 9px 13px 28px;
display:block;
background:url(/common/images/anc_01.gif) no-repeat 9px 15px;
zoom:1;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li.open a,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li.current a,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li a:hover,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li a:focus{
background:url(/common/images/bg_NNAVI_03.png) no-repeat left top;
}

#CONTENTSAREA div.sub div#SNAVI.activeJS ul.sn02 li ul.sn03{
display:none;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li.open ul.sn03,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li.current ul.sn03{
display:block;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn03{
margin:13px -9px -13px -28px;
padding-top:1px;
background:url(/common/images/line_01.gif) repeat-x left top;
zoom:1;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn03 li{
padding:4px 9px 5px 36px;
background-image:none;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li ul.sn03 li a,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li ul.sn03 li a{
margin:-4px -9px -5px -36px;
padding:4px 9px 5px 36px;
background:url(/common/images/anc_02.gif) no-repeat 27px 11px;
}
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li ul.sn03 li.current a,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li ul.sn03 li a:hover,
#CONTENTSAREA div.sub div#SNAVI ul.sn02 li ul.sn03 li a:focus{
background:#eaeaea url(/common/images/anc_02.gif) no-repeat 27px 11px;
}


/** POPUPFOOTER
---------------------------------------------*/
#POPUPFOOTER{
padding:5px 0 1px;
background-color:#f5f5f5;
font-size:85%;
}
#POPUPFOOTER p.logos{
margin-bottom:13px;
}


/*==================================================
	03. Modules
==================================================*/

/** Paragraph - Text
---------------------------------------------*/
.txt-left{
text-align:left !important;
}


.txt-center{
text-align:center !important;
}

.txt-right{
text-align:right !important;
}

.txt-small{
font-size:85% !important;
}

strong.txt-read{
font-size:115%;
}

em.txt-corp{
color:#0b307f;
}

/** Paragraph - Icon
---------------------------------------------*/
span.icon{
margin:0 5px !important;
}
span.icon img{
margin-bottom:-0.15em !important;
vertical-align:baseline;
}

/** Paragraph - Answer
---------------------------------------------*/
em.txt-faq{
padding-top:1px !important;
padding-left:43px !important;
display:block;
position:relative;
color:#333;
zoom:1;
}
em.txt-faq img.icon-faq{
position:absolute;
top:0;
left:10px;
}

/** Section
---------------------------------------------*/
#CONTENTSAREA div.section{
margin-bottom:24px;
padding-bottom:1px;
}
#CONTENTSAREA div.section div.section{
margin:19px 0 19px;
padding-top:1px;
}

/** Heading - Image Type 01
---------------------------------------------*/
#CONTENTSAREA h1.hdg-img-01,
#CONTENTSAREA p.hdg-img-01{
margin-bottom:23px;
}

/** Heading - Image Type 02
---------------------------------------------*/
#CONTENTSAREA h1.hdg-img-02,
#CONTENTSAREA p.hdg-img-02{
margin-bottom:28px;
}

/** Heading - Image Type 03
---------------------------------------------*/
#CONTENTSAREA h2.hdg-img-03,
#CONTENTSAREA h3.hdg-img-03,
#CONTENTSAREA h4.hdg-img-03,
#CONTENTSAREA h5.hdg-img-03{
margin-bottom:13px;
}

/** Heading - Type Level 02
---------------------------------------------*/
#CONTENTSAREA h1.hdg-l2,
#CONTENTSAREA h2.hdg-l2,
#CONTENTSAREA h3.hdg-l2{
margin-bottom:15px;
padding-top:2px;
line-height:1.4;
background:#fff url(/common/images/bg_hdg-l2_01.png) no-repeat left top;
font-size:154%;
font-weight:bold;
zoom:1;
}
#CONTENTSAREA .hdg-l2 span.inner{
padding:11px 11px 15px 29px;
/padding:13px 11px 13px 29px;
display:block;
background:url(/common/images/bg_hdg-l2_02.png) no-repeat left bottom;
}
#CONTENTSAREA .hdg-l2 span.txt-small{
font-size:65% !important;
}

/** Heading - Type Level 03
---------------------------------------------*/
#CONTENTSAREA h1.hdg-l3,
#CONTENTSAREA h2.hdg-l3,
#CONTENTSAREA h3.hdg-l3,
#CONTENTSAREA h4.hdg-l3{
margin:10px 0 18px;
padding-top:2px;
background:#fff url(/common/images/bg_hdg_01.gif) no-repeat 7px top;
font-size:123%;
font-weight:bold;
zoom:1;
}
#CONTENTSAREA .hdg-l3 span.inner{
padding:0 7px 4px 20px;
/padding:2px 7px 2px 20px;
border-bottom:1px #ccc solid;
display:block;
background:url(/common/images/bg_hdg-l3_01.gif) no-repeat 7px bottom;
}

/** Heading - Type Level 04
---------------------------------------------*/
#CONTENTSAREA h2.hdg-l4,
#CONTENTSAREA h3.hdg-l4,
#CONTENTSAREA h4.hdg-l4,
#CONTENTSAREA h5.hdg-l4{
margin:14px 0 12px;
padding-left:14px;
background:#fff url(/common/images/bg_hdg-l4.gif) no-repeat left 0.46em;
font-weight:bold;
}

/** Heading - Type Level 05
---------------------------------------------*/
#CONTENTSAREA h3.hdg-l5,
#CONTENTSAREA h4.hdg-l5,
#CONTENTSAREA h5.hdg-l5,
#CONTENTSAREA h6.hdg-l5{
padding-left:0;	/* for old style */
background-image:none !important;	/* for old style */
font-weight:bold;
}

/** Heading - Frequently Asked Questions Type 01
---------------------------------------------*/
#CONTENTSAREA h1.hdg-faq-01,
#CONTENTSAREA h2.hdg-faq-01,
#CONTENTSAREA h3.hdg-faq-01{
margin:20px 0 20px;
padding:12px 15px 8px;
line-height:1.5;
font-weight:bold;
font-size:123%;
background-color:#e5f1ff;
}

/** Heading - Frequently Asked Questions Type 02
---------------------------------------------*/
#CONTENTSAREA h1.hdg-faq-02,
#CONTENTSAREA h2.hdg-faq-02,
#CONTENTSAREA h3.hdg-faq-02{
margin:20px 0 20px;
padding:17px 9px 13px 43px;
position:relative;
line-height:1.5;
font-weight:bold;
font-size:123%;
background-color:#e5f1ff;
zoom:1;
}
#CONTENTSAREA .hdg-faq-02 img.icon-faq{
position:absolute;
top:15px;
left:9px;
}


/** Heading - Set Type 01
---------------------------------------------*/
#CONTENTSAREA div.hdg-set-01{
position:relative;
zoom:1;
}

#CONTENTSAREA div.hdg-set-01 ul.nav{
margin-top:-0.5em;
/margin-top:-1.5em;
position:absolute;
top:50%;
right:11px;
color:#fff;
font-size:84.6%;
}
#CONTENTSAREA div.hdg-set-01 ul.nav li{
text-align:right;
}
#CONTENTSAREA div.hdg-set-01 ul.nav a{
padding-left:9px;
background:url(/common/images/anc_03.gif) no-repeat left center;
}

/** Heading - Set Type 02
---------------------------------------------*/
#CONTENTSAREA div.hdg-set-02{
position:relative;
}

#CONTENTSAREA div.hdg-set-02 ul.nav{
margin-top:-0.5em;
position:absolute;
top:21px;
right:12px;
color:#fff;
font-size:84.6%;
}
#CONTENTSAREA div.hdg-set-02 ul.nav li{
text-align:right;
}
#CONTENTSAREA div.hdg-set-02 ul.nav a{
padding-left:9px;
background:url(/common/images/anc_04.gif) no-repeat left center;
}
#CONTENTSAREA div.hdg-set-02 ul.nav a,
#CONTENTSAREA div.hdg-set-02 ul.nav a:link,
#CONTENTSAREA div.hdg-set-02 ul.nav a:visited,
#CONTENTSAREA div.hdg-set-02 ul.nav a:hover,
#CONTENTSAREA div.hdg-set-02 ul.nav a:focus{
color:#fff;
}

/** Unordered List - Type 01
---------------------------------------------*/
#CONTENTSAREA ul.list-01{
line-height:1.5;
}
#CONTENTSAREA ul.list-01 li{
margin-bottom:0.31em;
padding-left:16px;
background:url(/common/images/blt_01.gif) no-repeat left 0.31em;
zoom:1;
}
#CONTENTSAREA ul.list-01 ul.list-01{
margin-top:0.31em;
}
#CONTENTSAREA ul.list-01 ul.list-01 li{
background:url(/common/images/blt_02.gif) no-repeat left 0.31em;
}

/** Unordered List - Note Type 01
---------------------------------------------*/
#CONTENTSAREA ul.list-note-01{
line-height:1.5;
font-size:85%;
}
#CONTENTSAREA ul.list-note-01 li{
margin-bottom:0.31em;
padding-left:1.25em;
background-image:none !important;
text-indent:-1.25em;
}
#CONTENTSAREA ul.list-note-01 li ul li{
margin-top:0.31em;
}

body.english #CONTENTSAREA ul.list-note-01 li{
padding-left:1.0em;
text-indent:-1.0em;
}

/** Unordered List - News Type 01
---------------------------------------------*/
#CONTENTSAREA div.list-news-01-wrapper{
overflow:hidden;
border-top:1px #fff solid;
zoom:1;
}
#CONTENTSAREA div.list-news-01-wrapper dl.list-news-01{
margin:-21px 0 15px;
line-height:1.6;
background:url(/common/images/line_01.gif) repeat-x left bottom;
}
#CONTENTSAREA div.list-news-01-wrapper dl.list-news-01 dt{
padding-top:21px;
background:url(/common/images/line_01.gif) repeat-x left top;
}
#CONTENTSAREA div.list-news-01-wrapper dl.list-news-01 dt img{
margin:0 10px -3px;
vertical-align:top;
}
#CONTENTSAREA div.list-news-01-wrapper dl.list-news-01 dd{
padding:0 0 20px 20px;
background:url(/common/images/anc_01.gif) no-repeat 1px 0.23em;
}

/** Unordered List - News Type 02
---------------------------------------------*/
div.list-news-02-wrapper{
overflow:hidden;
border-top:1px #fff solid;
zoom:1;
}
#CONTENTSAREA div.list-news-02-wrapper dl.list-news-02{
margin:-21px 0 15px;
line-height:1.6;
background:url(/common/images/line_01.gif) repeat-x left bottom;
}
#CONTENTSAREA div.list-news-02-wrapper dl.list-news-02 dt{
padding:21px 0 0 10px;
clear:left;
background:url(/common/images/line_01.gif) repeat-x left top;
}
#CONTENTSAREA div.list-news-02-wrapper dl.list-news-02 dt span{
font-size:90%;
margin-left: 1em;
}
#CONTENTSAREA div.list-news-02-wrapper dl.list-news-02 dt img{
margin:0 10px -3px;
vertical-align:top;
}
#CONTENTSAREA  div.list-news-02-wrapper dl.list-news-02 dt img.thumb{
margin:0 21px 0 0;
float:left;
}
#CONTENTSAREA div.list-news-02-wrapper dl.list-news-02 dd{
padding-left:150px;
/padding-left:20px;
min-height:58px;
height:auto !important;
height:58px;
background:url(/common/images/anc_01.gif) no-repeat 132px 0.23em;
/background-position:1px 0.23em;
}

/** Ordered List - Type 01
---------------------------------------------*/
#CONTENTSAREA ol.list-01{
padding-left:27px;
line-height:1.5;
}
#CONTENTSAREA ol.list-01 li{
list-style:decimal outside;
margin-bottom:0.31em;
}

#CONTENTSAREA ol.list-01 li li{
list-style:none;
}

#CONTENTSAREA ol.list-01 li ol.list-01 li{
list-style:decimal outside;
}

/** Ordered List - Note Type 01
---------------------------------------------*/
#CONTENTSAREA ol.list-note-01{
line-height:1.5;
font-size:85%;
}
#CONTENTSAREA ol.list-note-01 li{
margin-bottom:0.31em;
padding-left:1.75em;
background-image:none !important;
text-indent:-1.75em;
}
#CONTENTSAREA ol.list-note-01 li ul li{
margin-top:0.31em;
}

/** Ordered List - flow Type 01
---------------------------------------------*/
#CONTENTSAREA ol.list-flow-01{
margin-bottom: 20px;
}
#CONTENTSAREA ol.list-flow-01 li{
margin-bottom: 5px;
padding-bottom: 23px;
background:url(/common/images/bg_flow_01.gif) no-repeat bottom center;
}
#CONTENTSAREA ol.list-flow-01 li.last{
margin-bottom: 0;
padding-bottom: 0;
background: none;
}


/** Definition List - Type 01
---------------------------------------------*/
#CONTENTSAREA dl.list-01{
line-height:1.5;
}
#CONTENTSAREA dl.list-01 dt{
margin-bottom:0.1em;
font-weight:bold;
}
#CONTENTSAREA dl.list-01 dd{
margin-bottom:1.0em;
}

/** Definition List - Note Type 01
---------------------------------------------*/

#CONTENTSAREA dl.list-note-01{
clear:both;
font-size:85%;
line-height:1.7;
}
#CONTENTSAREA dl.list-note-01 dt{
margin-bottom:0.1em;
font-weight:bold;
}
#CONTENTSAREA dl.list-note-01 dd{
margin-bottom:1.1em;
}

/** Navigation - Type 01
---------------------------------------------*/
#CONTENTSAREA ul.nav-01{
line-height:1.5;
}
#CONTENTSAREA ul.nav-01 li{
margin-bottom:0.31em;
padding-left:19px;
background:url(/common/images/anc_01.gif) no-repeat 1px 0.15em;
}

/** Navigation - Type 02
---------------------------------------------*/
#CONTENTSAREA ul.nav-02{
line-height:1.5;
}
#CONTENTSAREA ul.nav-02 li{
margin-bottom:0.31em;
padding-left:9px;
background:url(/common/images/anc_02.gif) no-repeat 1px 0.46em;
}

/** Navigation - Anchor
---------------------------------------------*/
#CONTENTSAREA div.nav-anchor{
margin-bottom:37px;
padding-bottom:4px;
line-height:2.5;
overflow:hidden;
background:url(/common/images/bg_nav-anchor-01.gif) repeat-x left bottom;
}
#CONTENTSAREA div.nav-anchor ul{
margin-bottom:0;
margin-right:-16px;
padding:5px 10px 3px;
background:url(/common/images/line_01.gif) repeat-x left top;
}
#CONTENTSAREA div.nav-anchor ul li{
margin-right:26px;
display:inline;
white-space:nowrap;
zoom:1;
}
#CONTENTSAREA div.nav-anchor ul li a{
padding-left:16px;
background:url(/common/images/anc_05.gif) no-repeat left 0.69em;
}

/** Navigation - Banner Type 01
---------------------------------------------*/
#CONTENTSAREA ul.nav-banner-01{
margin-bottom:18px;
padding-bottom:1px;
}
#CONTENTSAREA ul.nav-banner-01 li{
margin-bottom:20px;
text-align:center;
}

/** Navigation - Banner Type 02
---------------------------------------------*/
#CONTENTSAREA ul.nav-banner-02{
margin-bottom:18px;
padding-bottom:1px;
}
#CONTENTSAREA ul.nav-banner-02 li{
padding-top:15px;
margin-bottom:15px;
background: url(/common/images/line_01.gif) repeat-x top;
}
#CONTENTSAREA ul.nav-banner-02 li:last-child{
margin-bottom:0;
}
#CONTENTSAREA ul.nav-banner-02 li.bnr_ecrm{
padding-top:0;
margin-bottom:15px;
background:none;
}
#CONTENTSAREA ul.nav-banner-02 li.bnr_ecrm-ptn{
padding-top:0;
margin-bottom:15px;
background: url(/common/images/line_01.gif) repeat-x top;
}

/** Navigation - Question
---------------------------------------------*/
#CONTENTSAREA ul.nav-question{
line-height:1.5;
}
#CONTENTSAREA ul.nav-question li{
margin-bottom:9px;
padding:2px 3px 8px 37px;
position:relative;
background:url(/common/images/line_01.gif) repeat-x left bottom;
zoom:1;
}
#CONTENTSAREA ul.nav-question li img.icon-faq{
position:absolute;
top:0;
left:3px;
}

/** Table - Type 01
---------------------------------------------*/
#CONTENTSAREA table.tbl-01{
margin:20px 0;
border-width:0;
border-top:#ccc 1px solid;
border-left:#ccc 1px solid;
}
#CONTENTSAREA table.tbl-01 caption{
margin-bottom:5px;
padding-left:15px;
line-height:1.5;
background:#fff url(/common/images/bg_hdg-l4.gif) no-repeat left 0.31em;
font-weight:bold;
text-align:left;
}
#CONTENTSAREA table table.tbl-01{
margin:0;
}

#CONTENTSAREA table.tbl-01 th{
background-color:#f5f5f5;
text-align:left;
}
#CONTENTSAREA table.tbl-01 thead th,
#CONTENTSAREA table.tbl-01 thead td{
background-color:#e9e9e9;
}
#CONTENTSAREA table.tbl-01 th.subhead{
background-color:#f7fbff;
}

#CONTENTSAREA table.tbl-01 th,
#CONTENTSAREA table.tbl-01 td,
#CONTENTSAREA table table.tbl-01 th,
#CONTENTSAREA table table.tbl-01 td{
padding:9px 13px 7px;
border-width:0;
border-bottom:#ccc 1px solid;
border-right:#ccc 1px solid;
}

#CONTENTSAREA table.tbl-01 tbody th{
vertical-align:top;
}

/** Table - Type 02
---------------------------------------------*/
#CONTENTSAREA div.tbl-02{
margin:20px 0;
padding:2px 0;
border-top:#ccc 1px solid;
border-bottom:#ccc 1px solid;
overflow:hidden;
zoom:1;
}

#CONTENTSAREA div.tbl-02 table.inner{
margin-top:-5px;
border-width:0;
width:100%;
}
#CONTENTSAREA div.tbl-02 table.inner th{
padding:18px 15px 12px;
border-width:0;
text-align:left;
vertical-align:top;
background:#f5f5f5 url(/common/images/bg_tbl-02.gif) repeat-x right top;
}
#CONTENTSAREA div.tbl-02 table.inner td{
padding:15px 10px 9px;
border-width:0;
background:url(/common/images/bg_tbl-02.gif) repeat-x left top;
}

/** Table - List Type 01
---------------------------------------------*/
#CONTENTSAREA table.tbl-list-01{
margin-bottom:0.77em;
line-height:1.5;
}
#CONTENTSAREA table.tbl-list-01 th{
padding:0.15em 1.0em 0.15em 0;
text-align:left;
vertical-align:top;
font-weight:normal;
white-space:nowrap;
}
#CONTENTSAREA table.tbl-list-01 td{
padding:0.15em 0 0.15em 1.77em;
}
#CONTENTSAREA table.tbl-list-01 td span.mark{
margin:0 0.62em 0 -1.77em;
}

#CONTENTSAREA table.tbl-list-01 td{
padding-left:0.88em;
}
body.english #CONTENTSAREA table.tbl-list-01 td span.mark{
margin-left:-1.1em;
}

#CONTENTSAREA table table.tbl-list-01{
margin-bottom:0;
}
#CONTENTSAREA table table.tbl-list-01 th{
padding-top:0 !important;
padding-bottom:1.1em !important;
padding-left:0 !important;
background:transparent none !important;
}
#CONTENTSAREA table table.tbl-list-01 td{
padding-top:0 !important;
padding-bottom:1.1em !important;
padding-left:0.88em !important;
background:transparent none !important;
}

/** Table - List Type 02
---------------------------------------------*/
#CONTENTSAREA table.tbl-list-02{
margin-bottom:0.77em;
line-height:1.5;
}
#CONTENTSAREA table.tbl-list-02 th{
padding:0.15em 0.5em 0 0;
vertical-align:top;
white-space:nowrap;
}
#CONTENTSAREA table.tbl-list-02 td{
padding:0.15em 0;
}

/** Table - List Type 03
---------------------------------------------*/
#CONTENTSAREA table.tbl-list-03{
margin-bottom:0.77em;
line-height:1.5;
}
#CONTENTSAREA table.tbl-list-03 th{
padding:0.15em 0.5em 0 0;
vertical-align:top;
white-space:nowrap;
}
#CONTENTSAREA table.tbl-list-03 td{
padding:0.15em 0;
}


/** Layout - Image (common style)
---------------------------------------------*/
#CONTENTSAREA p.image{
color:#666;
font-size:92%;
text-align:center;
}
#CONTENTSAREA p.image img{
margin-bottom:1px;
}

/** Layout - 2 Column
---------------------------------------------*/
#CONTENTSAREA div.lyt-2col{
margin:20px 0 20px;
/** _margin-right:-40px; **/
}
#CONTENTSAREA div.lyt-2col div.col-left{
margin-right:20px;
width:330px;
float:left;
}
#CONTENTSAREA div.lyt-2col div.col-right{
width:330px;
float:right;
}

/** Layout - Image Left Type 01
---------------------------------------------*/
#CONTENTSAREA div.lyt-img-left-01 p.image{
margin:0 16px 8px 0;
float:left;
}

/** Layout - Image Right Type 01
---------------------------------------------*/
#CONTENTSAREA div.lyt-img-right-01 p.image{
margin:0 0 8px 16px;
float:right;
}

/** Layout - Image Center
---------------------------------------------*/
#CONTENTSAREA div.lyt-img-center{
margin:20px 0;
}

/** Layout - Image 2 Column
---------------------------------------------*/
#CONTENTSAREA div.lyt-img-2col{
margin:20px -20px 20px 0;
_margin-right:-40px;
}
#CONTENTSAREA div.lyt-img-2col p.image{
margin-right:20px;
width:330px;
float:left;
}

/** Layout - Image 3 Column
---------------------------------------------*/
#CONTENTSAREA div.lyt-img-3col{
margin:20px -18px 20px 0;
_margin-right:-36px;
}
#CONTENTSAREA div.lyt-img-3col p.image{
margin-right:18px;
width:214px;
float:left;
}

/** Layout - Image 4 Column
---------------------------------------------*/
#CONTENTSAREA div.lyt-img-4col{
margin: 20px -2px 20px 0;
_margin-right:-4px;
}
#CONTENTSAREA div.lyt-img-4col p.image{
margin-right:2px;
width:168px;
float:left;
}

/** Layout - Index Type 01
---------------------------------------------*/
#CONTENTSAREA div.lyt-ind-01{
margin:35px -20px 21px 0;
_margin-right:-40px;
/margin-bottom:35px;
}
#CONTENTSAREA div.lyt-ind-01 div.part{
margin:0 20px 14px 0;
width:330px;
float:left;
}
#CONTENTSAREA div.lyt-ind-01 div.part h2,
#CONTENTSAREA div.lyt-ind-01 div.part h3{
margin-bottom:10px;
border-top:1px #ccc solid;
border-right:1px #ccc solid;
border-left:1px #ccc solid;
border-bottom:2px #0b307f solid;
background:#fff url(/common/images/bg_hdg_01.gif) no-repeat 10px 11px;
font-weight:bold;
font-size:131%;
}
#CONTENTSAREA div.lyt-ind-01 div.part h2 span.inner,
#CONTENTSAREA div.lyt-ind-01 div.part h3 span.inner{
padding:9px 26px 11px;
_padding:12px 26px 9px;
display:block;
background:url(/common/images/bg_lyt-ind_01.png) no-repeat left bottom;
}
#CONTENTSAREA div.lyt-ind-01 div.part h2.link,
#CONTENTSAREA div.lyt-ind-01 div.part h3.link{
background:url(/common/images/bg_lyt-ind_01.png) no-repeat -15px bottom;
}
#CONTENTSAREA div.lyt-ind-01 div.part h2.link a,
#CONTENTSAREA div.lyt-ind-01 div.part h3.link a{
padding:9px 26px 11px 27px;
_padding:12px 26px 9px 27px;
display:block;
background:url(/common/images/anc_01.gif) no-repeat 10px center;
}
#CONTENTSAREA .columnC div.lyt-ind-01{
margin-right:-21px;
_margin-right:-42px;
}
#CONTENTSAREA .columnC div.lyt-ind-01 div.part{
margin:0 21px 14px 0;
width:306px;
}

/** Layout - Index Type 02
---------------------------------------------*/
#CONTENTSAREA div.lyt-ind-02{
margin:35px -20px 15px 0;
_margin-right:-40px;
/margin-bottom:35px;
}
#CONTENTSAREA div.lyt-ind-02 div.part{
margin:0 20px 20px 0;
padding:0 9px;
width:310px;
float:left;
border:1px #ccc solid;
}

#CONTENTSAREA div.lyt-ind-02 div.part h2,
#CONTENTSAREA div.lyt-ind-02 div.part h3{
margin:0 -9px 10px;
border-bottom:2px #0b307f solid;
background:#fff url(/common/images/bg_hdg_01.gif) no-repeat 10px 11px;
font-weight:bold;
font-size:131%;
}
#CONTENTSAREA div.lyt-ind-02 div.part h2 span.inner,
#CONTENTSAREA div.lyt-ind-02 div.part h3 span.inner{
padding:9px 26px 11px;
_padding:12px 26px 9px;
display:block;
background:url(/common/images/bg_lyt-ind_01.png) no-repeat left bottom;
}
#CONTENTSAREA div.lyt-ind-02 div.part h2.link,
#CONTENTSAREA div.lyt-ind-02 div.part h3.link{
background:url(/common/images/bg_lyt-ind_01.png) no-repeat -15px bottom;
}
#CONTENTSAREA div.lyt-ind-02 div.part h2 a,
#CONTENTSAREA div.lyt-ind-02 div.part h3 a{
padding:9px 26px 11px 27px;
_padding:12px 26px 9px 27px;
display:block;
background:url(/common/images/anc_01.gif) no-repeat 10px center;
}
#CONTENTSAREA .columnC div.lyt-ind-02{
margin-right:-21px;
_margin-right:-42px;
}
#CONTENTSAREA .columnC div.lyt-ind-02 div.part{
margin:0 21px 14px 0;
width:286px;
float:left;
}

/** Layout - Index Type 03 2016.06.01okuzono
---------------------------------------------*/
#CONTENTSAREA div.lyt-ind-03{
margin:35px -20px 15px 0;
_margin-right:-40px;
/margin-bottom:35px;
}
#CONTENTSAREA div.lyt-ind-03 div.part{
margin:0 20px 20px 0;
padding:0 9px;
width:470px;
float:left;
border:1px #ccc solid;
}

#CONTENTSAREA div.lyt-ind-03 div.part h2,
#CONTENTSAREA div.lyt-ind-03 div.part h3{
margin:0 -9px 10px;
border-bottom:2px #0b307f solid;
background:#fff url(/common/images/bg_hdg_01.gif) no-repeat 10px 11px;
font-weight:bold;
font-size:131%;
}
#CONTENTSAREA div.lyt-ind-03 div.part h2 span.inner,
#CONTENTSAREA div.lyt-ind-03 div.part h3 span.inner{
padding:9px 26px 11px;
_padding:12px 26px 9px;
display:block;
background:url(/common/images/bg_lyt-ind_03.png) no-repeat left bottom;
}
#CONTENTSAREA div.lyt-ind-03 div.part h2.link,
#CONTENTSAREA div.lyt-ind-03 div.part h3.link{
background:url(/common/images/bg_lyt-ind_03.png) no-repeat -15px bottom;
}
#CONTENTSAREA div.lyt-ind-03 div.part h2 a,
#CONTENTSAREA div.lyt-ind-03 div.part h3 a{
padding:9px 26px 11px 27px;
_padding:12px 26px 9px 27px;
display:block;
background:url(/common/images/anc_01.gif) no-repeat 10px center;
}
#CONTENTSAREA .columnC div.lyt-ind-03{
margin-right:-21px;
_margin-right:-42px;
}
#CONTENTSAREA .columnC div.lyt-ind-03 div.part{
margin:0 21px 14px 0;
width:449px;
float:left;
}

/** Layout - Index Type 04 2017.02.23 miyawaki
---------------------------------------------*/
#CONTENTSAREA div.lyt-ind-04{
margin:35px -20px 15px 0;
_margin-right:-40px;
/margin-bottom:35px;
}
#CONTENTSAREA div.lyt-ind-04 div.part{
margin:0 20px 20px 0;
padding:0 9px;
width:310px;
float:left;
border:1px #ccc solid;
}

#CONTENTSAREA div.lyt-ind-04 div.part h2,
#CONTENTSAREA div.lyt-ind-04 div.part h3{
margin:0 -9px 10px;
border-bottom:2px #0b307f solid;
background:#fff url(/common/images/bg_hdg_01.gif) no-repeat 10px 11px;
font-weight:bold;
font-size:101%;
}
#CONTENTSAREA div.lyt-ind-04 div.part h2 span.inner,
#CONTENTSAREA div.lyt-ind-04 div.part h3 span.inner{
padding:9px 26px 11px;
_padding:12px 26px 9px;
display:block;
background:url(/common/images/bg_lyt-ind_01.png) no-repeat left bottom;
}
#CONTENTSAREA div.lyt-ind-04 div.part h2.link,
#CONTENTSAREA div.lyt-ind-04 div.part h3.link{
background:url(/common/images/bg_lyt-ind_01.png) no-repeat -15px bottom;
}
#CONTENTSAREA div.lyt-ind-04 div.part h2 a,
#CONTENTSAREA div.lyt-ind-04 div.part h3 a{
padding:9px 26px 11px 27px;
_padding:12px 26px 9px 27px;
display:block;
background:url(/common/images/anc_01.gif) no-repeat 10px center;
}
#CONTENTSAREA .columnC div.lyt-ind-04{
margin-right:-21px;
_margin-right:-42px;
}
#CONTENTSAREA .columnC div.lyt-ind-04 div.part{
margin:0 21px 14px 0;
width:286px;
float:left;
}


/** Box - Type 01
---------------------------------------------*/
#CONTENTSAREA div.box-01{
margin:20px 0;
padding:10px 14px 0;
border:1px #ccc solid;
}
#CONTENTSAREA div.box-01 dl.inner{
margin:-10px -14px 0;
padding:1px;
}
#CONTENTSAREA div.box-01 .title{
margin:-9px -13px 12px;
padding:5px 12px 4px;
background-color:#e5f1ff;
background-image:none !important;	/* for old style */
font-weight:bold;
font-size:115%;
}
#CONTENTSAREA div.box-01 dl.inner dt.title{
margin:0 0  12px;
padding:5px 12px 4px;
}
#CONTENTSAREA div.box-01 dl.inner dd{
padding:0 13px 0;
}

#CONTENTSAREA div.box-01 p.image{
margin-bottom:0;
}

/** Box - Type 02
---------------------------------------------*/
#CONTENTSAREA div.box-02{
margin:20px 0;
padding:9px 15px 0;
border:5px #e5f1ff solid;
}
#CONTENTSAREA div.box-02 .title,
#CONTENTSAREA div.box-02 dl.inner dt.title{
margin-bottom:9px;
padding:0 !important;	/* for old style */
color:#0b307f;
background-image:none !important;	/* for old style */
font-weight:bold;
font-size:115%;
}
#CONTENTSAREA div.box-02 .icon-point,
#CONTENTSAREA div.box-02 dl.inner dt.icon-point{
padding-left:18px !important;
background:url(/common/images/bg_box-02_01.gif) no-repeat left 0.15em !important;
}

#CONTENTSAREA div.box-02 div.lyt-img-2col p.image{
width:310px;
}

/** Box - Type 03
---------------------------------------------*/
#CONTENTSAREA dl.box-03{
margin:20px 0;
border:1px #e5f1ff solid;
background-color:#e5f1ff;
}
#CONTENTSAREA dl.box-03 dt{
padding:10px 16px 7px;
border-bottom:1px #b3c7ed solid;
color:#0b307f;
font-weight:bold;
font-size:115%;
}
#CONTENTSAREA dl.box-03 dd{
padding:11px 16px 0;
border-top:1px #fafcff solid;
}

/** Box - Type 04
---------------------------------------------*/
#CONTENTSAREA div.box-04{
margin:5px 0;
padding:9px 15px 0;
border:5px #e5f1ff solid;
}
#CONTENTSAREA div.box-04 .lyt-2col{
margin: 0;
}

/** Box - Type plugin
---------------------------------------------*/
#CONTENTSAREA dl.box-plugin{
margin:20px 0;
padding:15px 15px 3px;
background-color:#f5f5f5;
position:relative;
zoom:1;
}
#CONTENTSAREA dl.box-plugin dt{
margin-right:15px;
position:absolute;
top:15px;
left:15px;
float:left;
}
#CONTENTSAREA dl.box-plugin dd p{
margin-left:173px;
}


/*==================================================
	98. News Details (old style)
==================================================*/

/* ========== Float Clearing ========== */

.clearFix:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.clearFix{
zoom:1;
}


#CONTENTSAREA h4{
margin-bottom:14px;
padding-left:14px;
background:#fff url(/common/images/bg_hdg-l4.gif) no-repeat left 0.31em;
font-weight:bold;
}

#CONTENTSAREA p.dataArea{
text-align:right;
}

#CONTENTSAREA .subText{
font-size:85%;
font-weight:normal;
}

#CONTENTSAREA div.protect{
position:relative;
margin:0 auto;
overflow:hidden;
}
#CONTENTSAREA span.imgProtect{
background-image:url(/common/images/spacer.gif);
background-repeat:repeat;
position:absolute;
left:0;
top:0;
z-index:1;
}

/* ========== Img And Text ========== */

#CONTENTSAREA div.imgAndText1 h3,
#CONTENTSAREA div.imgAndText1 h4,
#CONTENTSAREA div.imgAndText1 h5,
#CONTENTSAREA div.imgAndText1 p,
#CONTENTSAREA div.imgAndText1 ul,
#CONTENTSAREA div.imgAndText1 table,
#CONTENTSAREA div.imgAndText2 h3,
#CONTENTSAREA div.imgAndText2 h4,
#CONTENTSAREA div.imgAndText2 h5,
#CONTENTSAREA div.imgAndText2 p,
#CONTENTSAREA div.imgAndText2 ul,
#CONTENTSAREA div.imgAndText2 table{
clear:none;
margin-right:0;
margin-left:0;
}

#CONTENTSAREA p.image{

}

#CONTENTSAREA .imgBlock,
#CONTENTSAREA .imgBlock1,
#CONTENTSAREA .imgBlock2{
color:#666;
font-size:92%;
text-align:center;
}
#CONTENTSAREA .imgBlock img,
#CONTENTSAREA .imgBlock1 img,
#CONTENTSAREA .imgBlock2 img{
margin-bottom:1px;
}
#CONTENTSAREA .imgBlock1{width:170px;}
#CONTENTSAREA .imgBlock2{width:252px;}

#CONTENTSAREA .imgBlock img.pict,
#CONTENTSAREA .imgBlock1 img.pict,
#CONTENTSAREA .imgBlock2 img.pict{
margin-bottom:2px;
border:solid 1px #dcdcdc;
}

#CONTENTSAREA .textBlock1{width:494px;}
#CONTENTSAREA .textBlock2{width:412px;}

#CONTENTSAREA div.imgAndText1 .imgBlock,
#CONTENTSAREA div.imgAndText1 .imgBlock1,
#CONTENTSAREA div.imgAndText1 .imgBlock2{
float:right;
margin-left:16px;
}
#CONTENTSAREA div.imgAndText1 .textBlock1,
#CONTENTSAREA div.imgAndText1 .textBlock2{
float:left;
}

#CONTENTSAREA div.imgAndText2 .imgBlock,
#CONTENTSAREA div.imgAndText2 .imgBlock1,
#CONTENTSAREA div.imgAndText2 .imgBlock2{
float:left;
margin-right:16px;
}
#CONTENTSAREA div.imgAndText2 .textBlock1,
#CONTENTSAREA div.imgAndText2 .textBlock2{
float:right;
}

/* ========== Image Area ========== */

#CONTENTSAREA div.imgArea{
margin:20px 0;
}

#CONTENTSAREA div.imgArea1{
margin:20px 0;
overflow:hidden;
}
#CONTENTSAREA div.imgArea1 .imgBlockL{
float:left;
margin-right:10px;
width:335px;
}
#CONTENTSAREA div.imgArea1 .imgBlockR{
float:right;
width:335px;
}

#CONTENTSAREA div.imgArea2{
margin:20px 0;
}
#CONTENTSAREA div.imgArea2 .imgBlockL,
#CONTENTSAREA div.imgArea2 .imgBlockC{
float:left;
margin-right:10px;
width:220px;
}
#CONTENTSAREA div.imgArea2 .imgBlockR{
float:right;
width:220px;
}
#CONTENTSAREA div.imgAndText1.section,
#CONTENTSAREA div.imgAndText2.section,
#CONTENTSAREA div.imgArea.section,
#CONTENTSAREA div.imgArea1.section,
#CONTENTSAREA div.imgArea2.section{
margin-bottom:2.5em;
}

#CONTENTSAREA .imgBlockL{float:left;}
#CONTENTSAREA .imgBlockR{float:right;}

#CONTENTSAREA .imgBlockL,
#CONTENTSAREA .imgBlockC,
#CONTENTSAREA .imgBlockR{
color:#666;
font-size:92%;
text-align:center;
}

#CONTENTSAREA .imgBlockL img.pict,
#CONTENTSAREA .imgBlockC img.pict,
#CONTENTSAREA .imgBlockR img.pict{
margin-bottom:2px;
border:solid 1px #dcdcdc;
}

#CONTENTSAREA div.imgArea3 ul{
margin-bottom:0.79em;
text-align:center;
}

#CONTENTSAREA div.imgArea3 ul li{
padding:5px;
vertical-align:top;
display:inline-block;
}

/* IE6 */
* html #CONTENTSAREA div.imgArea3 ul li{
display:inline;
zoom:1;
}

/* IE7 */
*:first-child+html #CONTENTSAREA div.imgArea3 ul li{
display:inline;
zoom:1;
}


/* ========== Text List1 ========== */

#CONTENTSAREA ul.textList1{
line-height:1.5;
}
#CONTENTSAREA ul.textList1 li{
margin-bottom:0.31em;
padding-left:16px;
background:url(/common/images/blt_01.gif) no-repeat left 0.15em;
}
#CONTENTSAREA ul.textList1 ul{
margin-top:0.31em;
}
#CONTENTSAREA ul.textList1 li ul li{
background:transparent url(/common/images/blt_02.gif) no-repeat left 0.31em;
}

#CONTENTSAREA dl.textList1{
line-height:1.5;
}
#CONTENTSAREA dl.textList1 dt{
padding-top:3px;
padding-left:16px;
background:url(/common/images/blt_01.gif) no-repeat left 0.62em;
font-weight:bold;
}
#CONTENTSAREA dl.textList1 dd{
margin-bottom:3px;
padding-left:16px;
}

/* ========== Link List1 ========== */

#CONTENTSAREA ul.linkList1{
clear:both;
line-height:1.5;
}
#CONTENTSAREA ul.linkList1 li{
padding-left:19px;
margin-bottom:5px;
background:url(/common/images/anc_01.gif) no-repeat 1px 0.15em;
}


/* ========== Link List2 ========== */

#CONTENTSAREA .linkList2{
line-height:1.5;
}
#CONTENTSAREA .linkList2 li{
margin-bottom:0.31em;
padding-left:9px;
background:url(/common/images/anc_02.gif) no-repeat 1px 0.46em;
}

/* ========== Attention List ========== */

#CONTENTSAREA .attention1,
#CONTENTSAREA .attention2{
line-height:1.5;
font-size:85%;
}
#CONTENTSAREA .attention1 li{
margin-bottom:0.31em;
padding-left:1.25em;
background-image:none !important;
text-indent:-1.25em;
}
#CONTENTSAREA .attention2 li{
margin-bottom:0.31em;
padding-left:1.75em;
background-image:none;
text-indent:-1.75em;
}
#CONTENTSAREA .attention1 li ul li,
#CONTENTSAREA .attention2 li ul li{
margin-top:0.31em;
}

/* ========== InfoList1 ========== */

#CONTENTSAREA dl.infoList1{
line-height:1.5;
}
#CONTENTSAREA dl.infoList1 dt{
width:4.5em;
}
#CONTENTSAREA dl.infoList1 dd{
margin-top:-1.4em;
margin-left:4.75em;
}
#CONTENTSAREA dl.infoList1 ul.textList1{
margin-bottom:5px;
}

/* ========== Number List ========== */

#CONTENTSAREA ol.numberList{
padding-left:27px;
line-height:1.5;
}
#CONTENTSAREA ol.numberList li{
list-style: decimal outside;
margin-bottom:0.31em;
}

/* ========== Notes List ========== */

#CONTENTSAREA .notesList{
clear:both;
font-size:85%;
line-height:1.7;
}
#CONTENTSAREA .notesList dt{
margin-bottom:0.1em;
font-weight:bold;
}
#CONTENTSAREA .notesList dd{
margin-bottom:1.1em;
}

/* ========== History List ========== */

#CONTENTSAREA .tableList,
#CONTENTSAREA .historyList{
font-size:1.0em;
line-height:1.5;
zoom:1;
}
#CONTENTSAREA .tableList dt,
#CONTENTSAREA .historyList dt{
font-weight:normal;
white-space:nowrap;
}
#CONTENTSAREA .tableList dd,
#CONTENTSAREA .historyList dd{
margin:-1.5em 0 0 9.25em;
}

body.english #CONTENTSAREA .tableList dd,
body.english #CONTENTSAREA .historyList dd{
margin-left:11.25em;
}

/** History - unique
---------------------------------------------*/

.history-pos-rel{
position: relative;
}

.history-img-cap-portrait{
color:#666;
font-size:92%;
position: absolute;
bottom: 0;
left: 170px;
}

.history-img-cap-landscape{
color:#666;
font-size:92%;
position: absolute;
bottom: 0;
left: 210px;
}

/* ========== Text Box ========== */
#CONTENTSAREA .textBox{
margin:20px 0;
padding:10px 14px 10px;
border:#ccc 1px solid;
}
#CONTENTSAREA .textBox.section{
margin-bottom:3.1em;
padding-bottom:10px;
}
#CONTENTSAREA .textBox h4{
clear:both;
margin-top:3px;
}

#CONTENTSAREA .textBox .groupLogo{
float:right;
margin:0 0 8px 16px;
}

#CONTENTSAREA .textBox .imgBlock1,
#CONTENTSAREA .textBox .imgBlock2{
padding:0;
margin-bottom:0;
}

#CONTENTSAREA .textBox div.imgArea1{
margin-bottom:1.25em;
margin-right:0px;
margin-left:0px;
overflow:hidden;
}
#CONTENTSAREA .textBox div.imgArea1 .imgBlockR{
width:250px;
}

#CONTENTSAREA .textBox .textBlock1,
#CONTENTSAREA .textBox .textBlock2{
margin-bottom:0;
}

#CONTENTSAREA .textBox .textBlock1{width:472px;}
#CONTENTSAREA .textBox .textBlock2{width:382px;}

#CONTENTSAREA .textBox dl.infoList1{
margin:0 0 6px;
}
#CONTENTSAREA .textBox ul.textList1,
#CONTENTSAREA .textBox dl.tableList{
margin-left:0;
}
#CONTENTSAREA .textBox .section{
margin-bottom:1.25em;
}

/* ========== Text Box 1 ========== */

#CONTENTSAREA .textBox1{
margin-bottom:20px;
padding:9px 15px 0;
border:#e5f1ff 5px solid;
}

/* ========== Table Style1 ========== */

#CONTENTSAREA table.tableStyle1{
margin-bottom:20px;
border-collapse:separate;
border-width:0;
border-top:#ccc 1px solid;
border-left:#ccc 1px solid;
}
#CONTENTSAREA table table.tableStyle1{
margin:0;
}
#CONTENTSAREA table.tableStyle1 caption{
margin-bottom:5px;
padding-left:15px;
line-height:1.5;
background:#fff url(/common/images/bg_hdg-l4.gif) no-repeat left 0.31em;
font-weight:bold;
text-align:left;
}
#CONTENTSAREA table.tableStyle1 th{
background-color:#f5f5f5;
}
#CONTENTSAREA table.tableStyle1 thead th{
background-color:#e9e9e9;
text-align:left;
}
#CONTENTSAREA table.tableStyle1 th,
#CONTENTSAREA table.tableStyle1 td,
#CONTENTSAREA table table.tableStyle1 th,
#CONTENTSAREA table table.tableStyle1 td{
padding:9px 13px 7px;
border-width:0;
border-bottom:#ccc 1px solid;
border-right:#ccc 1px solid;
}

#CONTENTSAREA table.tableStyle1 tbody th{
vertical-align:middle;
text-align:left;
}

/* ========== Table Style2 ========== */

#CONTENTSAREA table.tableStyle2{
margin:20px 0;
border-collapse:separate;
border:none 0 #FFFFFF;
}

#CONTENTSAREA table.tableStyle2 th{
text-align:left;
vertical-align:top;
}
#CONTENTSAREA table.tableStyle2 th,
#CONTENTSAREA table.tableStyle2 td{
margin:0;
border:none 0 #FFFFFF;
font-weight:normal;
}
#CONTENTSAREA table.tableStyle2 th{
padding:0.15em 12px 0.15em 0;
white-space:nowrap;
line-height:1.5;
font-weight:bold;
}
#CONTENTSAREA table.tableStyle2 td{
padding:0.15em 0;
line-height:1.5;
}
#CONTENTSAREA table.tableStyle2 td table.tableStyle1{
margin:0;
}

#CONTENTSAREA .textBox table.tableStyle2{
margin:0;
}

#CONTENTSAREA table.tableStyle2 td.cellCenter{
text-align:center;
white-space:nowrap;
}

/* ========== Table Data2 ========== */

#CONTENTSAREA table.tableData2 tr td{
text-align:center;
}

/* ========== Table Size1 ========== */

#CONTENTSAREA table.tableSize1{
margin-bottom:26px;
width:100%;
}

/* ========== InfoList2 ========== */

#CONTENTSAREA dl.infoList2{
line-height:1.5;
border-bottom:solid 1px #CCC;
}
#CONTENTSAREA dl.infoList2 dt{
padding:0.3em;
border-top:solid 1px #CCC;
}
#CONTENTSAREA dl.infoList2 dd{
margin-top:-1.8em;
margin-left:12em;
padding:3px;
}

/* ========== Section ========== */

#CONTENTSAREA h4.section,
#CONTENTSAREA p.section,
#CONTENTSAREA dl.section,
#CONTENTSAREA ul.section,
#CONTENTSAREA ol.section,
#CONTENTSAREA table.section,
#CONTENTSAREA .wrsList.section,
#CONTENTSAREA .textBox1.section,
#CONTENTSAREA .textBox2.section,
#CONTENTSAREA .categoryIndex1.section,
#CONTENTSAREA .categoryIndex2.section,
#CONTENTSAREA .categoryIndex3.section{
margin-bottom:2.5em;
}

#CONTENTSAREA .noSection,
#CONTENTSAREA .noSection,
#CONTENTSAREA .noSection{
margin-bottom:0.25em !important;
}

/* ========== Text Align ========== */

#CONTENTSAREA .textL{
text-align:left !important;
}
#CONTENTSAREA .textC{
text-align:center !important;
}
#CONTENTSAREA .textR{
text-align:right !important;
}

/*==================================================
	99. Support
==================================================*/

/** ClaerFix
---------------------------------------------*/
#CONTENTSAREA .columnG:after,
#CONTENTSAREA dl.list-news-02:after,
#CONTENTSAREA div.lyt-2col:after,
#CONTENTSAREA div.lyt-img-left-01:after,
#CONTENTSAREA div.lyt-img-right-01:after,
#CONTENTSAREA div.lyt-img-2col:after,
#CONTENTSAREA div.lyt-img-3col:after,
#CONTENTSAREA div.lyt-img-4col:after,
#CONTENTSAREA div.lyt-ind-01:after,
#CONTENTSAREA div.lyt-ind-02:after,
#CONTENTSAREA div.lyt-ind-03:after,
#CONTENTSAREA div.lyt-ind-04:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
}

/** hasLayout Swicth
---------------------------------------------*/
#CONTENTSAREA .columnG,
#CONTENTSAREA dl.list-news-02,
#CONTENTSAREA div.lyt-2col,
#CONTENTSAREA div.lyt-img-left-01,
#CONTENTSAREA div.lyt-img-right-01,
#CONTENTSAREA div.lyt-img-2col,
#CONTENTSAREA div.lyt-img-3col,
#CONTENTSAREA div.lyt-img-4col,
#CONTENTSAREA div.lyt-ind-01,
#CONTENTSAREA div.lyt-ind-02,
#CONTENTSAREA div.lyt-ind-04{
zoom:1;
}

ul li,
ol li{
zoom:normal;
}

/** Modal Movie Frame
---------------------------------------------*/

.box-bnr-movie {
	margin-bottom: 10px !important;
}

.box-bnr-movie .js-modal-open {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.8);
	z-index: 9999;
}

.box-bnr-movie .js-modal-open .frame-movie {
	width: 960px;
	height: 540px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto !important;
}

.box-bnr-movie .js-modal-open .frame-inner {
	position: relative;
}

.box-bnr-movie .js-modal-open iframe {
	width: 960px;
	height: 540px;
}

.box-bnr-movie .btn-bnr {
	display: block;
}

.btn-modal-close {
	display: block;
	position: absolute;
	top: -30px;
	right: 0;
	background-color: transparent;
	border: none;
	cursor: pointer;
}

.btn-modal-close:hover,
.btn-modal-close:focus {
	opacity: .6;
}