@charset "UTF-8";
/***********************************************/
/* ～640                                       */
/***********************************************/
@media screen and (max-width: 640px) {
/***********************************************/
/* reset                                  */
/***********************************************/
html {font-size:62.5%;}
body {
font-size:1.6rem;
line-height:2.4rem;
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ Pro W4",ヒラギノ角ゴ Pro W4,Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#111;
font-style:normal;}
body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, thead, tfoot, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;}
table {
border-collapse: collapse;
border-spacing: 0;}
img{vertical-align:bottom;width:100%;}
/* ==============================
common parts
 ==============================*/
a,a:link{color:#0066cc;text-decoration:underline;}
a:visited{color:#0066cc;}
a:hover{color:#0066cc;text-decoration:none;}
a:hover img {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
.sp-dspNon {display: none;}
.pc, .topicPath ,.accordBox,.btn.open,.btnBox{display:none;}
.accordBox.open{display:block;}
.linkArea:hover{cursor:pointer;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/*********** icon **********/
img.icn,img.icnNew,img.icnAdv,img.icnPc,.icnPdf,img.icnMember,img.icnMember02{
margin: 0 0 0.2rem 0.5rem !important;
vertical-align: middle !important;
height:16px !important;
width:auto !important;
}
img.icnAdv {margin: 0 0.4rem 0.4rem !important;height:14px !important;}
#wrapper{text-align:left;padding-top:31%;background-color: #fff;}
/*********** outbounds **********/
a[target="_blank"],
a.outbounds,
span.outbounds{
background-image:url(../images/icn_outbounds-sp.gif);
background-repeat: no-repeat;
background-position: right 60%;
background-size:auto 1.4rem;
margin-right:0.4rem;
padding:0 2rem 0 0;}
a[target="_blank"].outnone{
background-image:none;
margin-right:0;
padding:0;}
/* ==============================
sectionH2
 ==============================*/
.sectionH2 h2,
.detail h2 {
background-image:url(../images/h2-sp.png);
background-color: #f9f9f9;
background-repeat: no-repeat;
background-size: 1.2rem;
background-position:0.3rem 1.3rem;
border-top: 0.2rem solid #9c9c9c;
border-bottom: 0.1rem solid #bababa;
font-size: 1.8rem;
line-height: 2.8rem;
color: #221815;
padding: 0.5rem 0.8rem 0.5rem 1.8rem;
text-align: left;
}
/*********** linkArea **********/
.sectionH2 .cf.linkArea {
border-bottom: solid 1px #ccc;
color:#221815;
text-decoration: none;
background-image:url(../images/icon_arrow_r.png);
background-repeat: no-repeat;
background-size: auto 1.2rem;
background-position:98% 50%;
padding: 1.5rem 2.2rem 1.5rem 0;
}
.sectionH2 .linkR a{
background-image:url(../images/icon_arrow_r.png);
background-repeat: no-repeat;
background-size: auto 1.2rem;
background-position:98% 50%;
}
.sectionH2 .cf.linkArea h3 {
font-size: 1.8rem;
font-weight: bold;
line-height: 120%;
padding: 1rem 0.8rem;
}
/*********** sectionH2 h3 **********/
.sectionH2 h3{color:#111111;}
.sectionH2 h3 a{text-decoration: none;color:#111111;}
.sectionH2 .pict {
float: left;
width: 20%;
}
.sectionH2 .sectionH2_in {
float: right;
width: 77%;
}
/*********** sectionH2 common **********/
.sectionH2 .sectionH2_in .txt {padding: 1rem 2rem 0 1rem;}
.sectionH2 .btn {margin:1.5rem 0 0 0;}
/*********** accordion **********/
h3.accordttl{
background-color: #f9f9f9;
background-image:url(../images/icn_close.png);
background-repeat: no-repeat;
background-size: 1.2rem;
background-position:98% 50%;
color:#595757;
}
h3.accordttl.open{background-image:url(../images/icn_open.png);}
/***********************************************/
/* #header style                              */
/***********************************************/
#header{
position: fixed;
background-color:#fff;
border-top:2px solid #008ad2;
top:0;
width:100%;
z-index: 9999;}
/* Title Logo */
#header .logo_links{padding:1px;}
.logo_links .logo{width:33%;float: left;text-align:left;}
.logo_links .logo img{width:100%;}
.logo_links #SS_searchForm{width:37%;float: left;padding-top:2.8%;}
.logo_links .links{width:27%;float: right;}
/* siteSearch */
#SS_searchForm #SS_searchQuery{
width:85%;
border:solid 1px #bababa;
margin-top:5px;
padding:0.4rem 0.4rem 0.5rem 1.6em;
background: url(../images/icn_search.png) left top no-repeat;
background-position: 5px center;
background-size:10% auto;
}
/* Login・Logout・menu */
#header .logo_links .links ul{width:100%;float:right;}
#header .logo_links .links li{
width: 49%;
float: left;
text-align: left;}
#header .logo_links .links li.menu{margin-left: 1px;}
#header .logo_links .links li img{width: 100%;}
/* globalNav */
.global {background-color: #fafafa;}
.global li {
box-sizing: border-box;
width: 20%;
float: left;}
.global li.nav1{width: 19.7%;}
.global li.nav2, .global li.nav3,
.global li.nav4, .global li.nav5 {border-left: 1px solid #FFF;}
.global li img {max-height: 50% !important;}
/***********************************************/
/* #subNavArea style                           */
/***********************************************/
/* fancy Box*/
#header-close-btn{display:none;}
.subNavContent {
box-sizing: border-box;
width: 100%;
position: fixed;
margin-top: 15%;
top: -960px;
line-height: 1.3;
z-index: 99999;
height: 100%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
#menu .titleBox a,
#menu .accordBox ul li a,
#menu .accordBox p.link a,p.link a span{font-size: 1.4rem;}
#menu .titleBox{background-color: #008ad2;padding:1.2rem 1rem;}
#menu .titleBox h2,#menu .titleBox a{color:#fff;}
#menu .titleBox h2{float:left;font-size: 1.6rem;font-weight: normal;}
#menu h3.accordttl,#menu h3.top{
background-color: #fff;
background-image:url(../images/icn_m_close.png);
background-position: 0.5rem center;
background-repeat: no-repeat;
background-size: 1.4rem auto;
padding:1rem 0.8rem 1rem 2.4rem;
color:#333333;
font-size: 1.4rem;
border-bottom: solid 1px #ccc;
}
#menu h3.top{background-image:url(../images/icn_top.png);}
#menu h3.top a{
display:block;
color:#333333;
text-decoration: none;
background-image:url(../images/icon_arrow_r.png);
background-repeat:no-repeat;
background-size: 0.75rem;
background-position:100% 50%;
}
#menu h3.accordttl.open{background-image:url(../images/icn_m_open.png);}
#menu .accordBox h3.past {
background-color: #fff;
background-image: url(../images/bg_idx_h3_02.png);
background-position: 0.3em center;
background-repeat: no-repeat;
background-size: 1.4rem auto;
border-bottom: 1px solid #ccc;
font-size: 1.4rem;
font-weight: normal;
padding: 1rem 2.5rem;
}
#menu .titleBox a{
float:right;
text-decoration: none;
line-height: 2rem;
padding-left:1.8rem;
background-image:url(../images/close_bg.png);
background-repeat: no-repeat;
background-size: 1.4rem;
background-position:0.1em center;}
#menu .accordBox ul li{background-color: #f7f7f7;}
#menu .accordBox ul li a,
#menu .accordBox p.link a{
display:block;
color:#333333;
text-decoration: none;
background-image:url(../images/icon_arrow_r.png);
background-repeat:no-repeat;
background-size: 0.75rem;
background-position:98% 50%;
padding:1rem 2.5rem 1rem 2.5rem;
border-bottom: 1px solid #ccc;
}
#menu .accordBox p.link a{font-weight: bold;background-color:#eeeeee;}
#sub07.sectionH2 {padding-bottom: 20%;}
#sub07.sectionH2 .accordBox li a{padding-left:0.5rem;background-color: #fff;}
/*joy*/
#menu .accordBox ul li.joy a span{
font-weight:bold;
background-image:url(../images/icn_joy.gif);
background-repeat:no-repeat;
background-size: 2rem;
background-position:right center;
padding-right:2.4rem;
font-size:1.4rem;
}
/*mortalWindow*/
#modal-overlay {
z-index: 99 ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 0,0,0, 0.5 ) ;
}
/* siteSearch */
.global .searchbox img {display: none;}
/***********************************************/
/* #main style                                 */
/***********************************************/
/* Section Attention */
#main .sectionH2 .attentBox .linkArea::after {clear: both;}
#main .sectionH2 .attentBox .linkArea::before,
#main .sectionH2 .attentBox .linkArea::after {
content: "";
display: table;
}
/*h2 Title*/
#sideBar .sectionH2 h2{
background-image:url(../images/h2_side01-sp.png);
background-size:0.5rem auto;
padding:0.5rem 0.8rem 0.5rem 1.6rem;
background-position:0.6rem 1.1rem;}
#main .attentBox .sectionH2 h2 {
background-image: url(../images/h2_rcmd-sp.png);
background-size:0.5rem auto;
padding:0.5rem 0.8rem 0.5rem 1.4rem;
background-position: 0.3rem 1.1rem;}
#sideBar .sectionH2.h202 h2,#sideBar .sectionH2.h206 h2{background-image:url(../images/h2_side02-sp.png);}
#sideBar .sectionH2.h201.joy h2{background-image:url(../images/h2_joy-sp.png);}
#main .sectionH2 .attentBox .linkArea {
background-image: url(../images/icon_arrow_r.png);
background-position: 98% center;
background-repeat: no-repeat;
background-size: auto 1.6rem;
border-bottom: 1px solid #ccc;
color: #221815;
padding: 1rem 2.2rem 1rem 0;
text-decoration: none;
}
#main .sectionH2 .attentBox .linkArea .pict {
float: left;
width: 20%;
display:block;
}
#main .sectionH2 .attentBox .linkArea h3 ,
#main .sectionH2 .attentBox .linkArea p {
float: right;
width: 77%;
padding: 0;
line-height: 2.2rem;
}
#main .sectionH2 .attentBox .linkArea h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 2.2rem;
border:none;
}
#main .sectionH2 .attentBox .linkArea h3 a{
background: none;
text-decoration: none;
padding:0;
}
#side02 .banner{margin-top:2.5rem;}
/* table */
#main table {
border:2px solid #CCC;
margin:0;
width:100%;}
#main table > thead th {
background-color:#458fe6;
color:#FFF;
font-weight:bold;
text-align:center;
padding:0.5rem;}
#main table th , #main table td {border:1px solid #d0d0d0;line-height:1.2rem;vertical-align:middle;padding:0.5rem;}
/***********************************************/
/* detail style                              */
/***********************************************/
#main .usefulBnr{margin:2rem 0 ;}
.detail {padding:0 0.5rem;}
/* tNavi */
.detail ul.tabNav {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-flow:row wrap;
background-image:url(../images/bg_tabNav.gif);
background-position:0 100%;
background-repeat:repeat-x;
height:31px;
margin:1.5rem 0 0;}
.detail ul.tabNav.top li, .detail ul.tabNav.foot li {
text-align:center;
margin-left:0.3rem;}
.detail ul.tabNav.top li:first-child, .detail ul.tabNav.foot li:first-child {margin-left:0;}
.detail ul.tabNav + a {display:inline-block;margin:2rem 0;}
/* .tabNav.top */
.detail ul.tabNav.top li a,
.detail ul.tabNav.foot li a {
font-size: 1.3rem;
line-height: 100%;
display:block;
background:url(../images/bg_dtl_tabNav.gif) 0 0 no-repeat;
color:#FFF;
font-weight:bold;
text-decoration:none;
width:87px;
height:31px;
padding-top: 0.9rem;
margin:0 0.1rem;}
.detail ul.tabNav.top li a:hover , .detail ul.tabNav.top li.tab_selected a {
background-image:url(../images/bg_dtl_tabNavCr.gif);
color:#0a8fd2;}
/* .tabNav.foot */
.detail ul.tabNav.foot {
background-image:url(../images/bg_tabNavFoot.gif);
background-position:0 0;
background-repeat:repeat-x;
margin-top:20px;}
.detail ul.tabNav.foot li a {background:url(../images/bg_dtl_foottabNav.gif) 0 0 no-repeat;padding-top: 0.8rem;background-position:0 3px;}
.detail ul.tabNav.foot li a:hover , .detail ul.tabNav.foot li.tab_selected a {
background-image:url(../images/bg_dtl_foottabNavCr.gif);
color:#0a8fd2;
background-position:0 0;}
.detail ul.tabNav.foot{margin-top:0;}
/* nameArea */
.detail .headBox .nameArea:before,
.detail .headBox .nameArea:after {
content:"";
display: table;}
.detail .headBox .nameArea:after { clear: both;}
.detail .headBox .nameArea { *zoom: 1;}
.detail .headBox .nameArea {width:100%}
.detail .headBox .nameArea .pict {width:20%;float:left;}
.detail .headBox .nameArea dl {width:76%;float:right;}
.detail .nameArea dl {padding-left:1rem;}
.detail .nameArea dl dt strong{font-size:2.4rem;}
.detail .nameArea dl dt {font-size:1.4rem;}
.detail .nameArea dl dd {line-height:1.8rem;}
.detail .nameArea dl dd img {
width:auto;
height:1.4rem;
vertical-align:middle;
margin:0 0 1px 5px;}
.detail .nameArea dl.noimg {width:98%}
.detail .headBox + p {margin-top:2rem;}
p.nameArea + .sectionH2,
p.nameArea + .sectionH3{margin-top:2.5rem;}
.detail .noticeArea,
.detail .noticeAreaFoot{
width:100%;
background-color:#eff7ff;
width:100%;margin-top:1rem;}
.detail .noticeArea dl,
.detail .noticeAreaFoot dl {
background-color:#eff7ff;
padding:1rem;}
.detail .noticeArea dl dt,
.detail .noticeAreaFoot dl dt {
background-image:url(../images/sub_icon.gif);
background-position:0 0.6rem;
background-repeat:no-repeat;
padding-left:1.8rem;}
.detail .noticeArea dl dt a,
.detail .noticeAreaFoot dl dt a {font-size:1.6rem; font-weight:bold;}
.detail .noticeAreaFoot{margin-bottom:2.5rem;}
/* h2/h3/h4/p/ul */
.detail .headBox + .sectionH2,
.detail .headBox + .sectionH3,
.detail .headBox + p + .sectionH2,
.detail .headBox + p + .sectionH3,
.detail .headBox + .anchor + .sectionH2,
.detail .headBox + .anchor + .sectionH3,
.detail .headBox + .noticeArea{margin-top:2.5rem;}
.detail .sectionH2 p,
.detail .sectionH3 p {
font-size:1.6rem;
margin:1rem 0 1.8rem 0;}
.detail .sectionH2 p:last-child,
.detail .sectionH3 p:last-child {margin-bottom:3rem;}
.detail h2 + p,
.detail h3 + p,
.detail h4 + p,
.detail h3 + ul,
.detail h4 + ul {margin-top:1rem;}
.detail h2 + h3,
.detail h3 + h4,
.detail h2 + img,
.detail h3 + img {margin-top:1.5rem;}
.detail p.complement {
color:#666;
font-size:1.2rem;
line-height:1.8rem;}
.detail h3 {
background-image:url(../images/h3.gif);
background-position:0.5rem 0.4rem;
background-repeat:no-repeat;
background-size:0.5rem auto;
border-bottom:1px solid #279fba;
color:#279fba;
font-size:1.8rem;
font-weight:bold;
padding:0 0 0.4rem 1.6rem;}
.detail h4 {
background-image:url(../images/h4.gif);
background-position:0.3rem 0.6rem;
background-repeat:no-repeat;
border-bottom:1px dotted #7f7f7f;
color:#221815;
font-size:1.6rem;
padding:0 0 0.3rem 1.8rem;}
/* anchor */
#main .anchor{
background:#ECF5FC;
margin:0 0 15px;
padding:5px 0;}
#main .anchor li{
background-image:url(../images/icon_anchor.gif);
background-position: 0rem 0.5rem;
background-repeat: no-repeat;
background-size: 1.4rem auto;
float: left;
margin: 0 0 0.3rem 3%;
padding: 0 0 0 18px;
text-align: left;
width: 41%;
}
#main .anchor li a{font-weight:bold;}
#main .anchor li.linkArea:hover a{background-color:rgba(255,255,255,0.5);text-decoration:none;}
#main .anchor.pattern li a{color:#221815;}
/*other*/
.detail .other{margin-top:1.5rem;}
.detail .other h2 {
background-image:url(../images/h2-sp.png);
background-color: #f9f9f9;
background-repeat: no-repeat;
background-size: 1.2rem;
background-position:0.3rem 1.4rem;
border-top: 0.2rem solid #9c9c9c;
border-bottom: 0.1rem solid #bababa;
font-size: 1.8rem;
line-height: 2.8rem;
color: #221815;
padding: 0.5rem 0.8rem 0.5rem 1.8rem;
text-align: left;
}
.detail .other ul {
background:none;
border:none;
padding:0;}
.detail .other ul li a {
display:block;
background-image:url(../images/icon_arrow_r.png);
background-position:98% center;
background-repeat:no-repeat;
background-size:0.75rem auto;
border-bottom:1px solid #bababa;
color:#595757;
font-size:1.6rem;
padding:1rem 2.2rem 1rem 1.6rem;
text-decoration:none;}
/* Schedule List */
#main .detail .sectionH4 ul.info02 {margin:1rem 1rem 1rem 0;}
#main .detail .sectionH4 ul.info02 li {vertical-align:middle;padding-right:1.5rem;display:inline-block;}
#main .detail .sectionH4 .info02 li > img {
width:auto;
height:1.5rem;
margin-bottom:0.2rem;
vertical-align:text-bottom;}
#main .detail .sectionH5{margin-top:1.5rem;}
/* strategyList */
.detail .strategyList {margin:0 0.5rem 1.5rem;}
.detail .strategyList li,
.detail p.strategyList {
background-image:url(../images/icn_list.gif);
background-position:0 0.35rem;
background-repeat:no-repeat;
background-size:auto 1.6rem;
font-size:1.6rem;
padding-left:1.8rem;}
.detail .strategyList li ul {margin:0 0 1em;}
.detail .strategyList li ul li {
background-image:url(../images/icn_list02.gif);
background-position:0 0.5rem;
background-repeat:no-repeat;
background-size:auto 1.4rem;
font-size:1.4rem;
padding-left:1.8rem;}
/**************moreContentsArea**************/
#main .sectionH2.moreContents {padding:0 0.5rem;margin-top:3rem;}
#main .sectionH2.moreContents h2 {
background-image:url(../images/bg_h2more-sp.png);
background-position:0.3rem 1.1rem;
background-size:0.5rem auto;
padding:0.5rem 0.3rem 0.5rem 1.4rem;}
#main .sectionH2.moreContents h2.accordttl span {
background-image: url(../images/icn_close.png);
background-position: 100% 50%;
background-repeat: no-repeat;
background-size: 1.2rem auto;
display:block;
}
#main .sectionH2.moreContents h2.accordttl.open span {background-image: url(../images/icn_open.png);}
#main .sectionH2.moreContents h2 + .complement{padding: 1rem 0;border-bottom:0.1rem solid #bababa;}
#main .sectionH2.moreContents h3 {
background-color:#f7f7f7;
border-bottom:0.1rem solid #bababa;
color:#221815;
font-size: 1.6rem;
padding: 0.8rem 0.3rem;}
#main .sectionH2.moreContents li{
border-bottom: 1px solid #bababa;
padding: 0.8rem 0rem 0.8rem 1.6rem;
text-align: left;
}
#main .sectionH2.moreContents li a {
background-image:url(../images/icon_arrow_r.png);
background-position: 98% 50%;
background-repeat: no-repeat;
background-size: auto 1.2rem;
display:block;
padding-right: 2.2rem;
color: #3e3a39;
text-decoration: none;
}
#main .sectionH2.moreContents li.soon {
border-bottom:0.1rem solid #bababa;
color:#999;
width:100%;
padding-left:1.6rem;
}
#main .sectionH2.moreContents h2 + .accordBox p{
border-bottom: 0.1rem solid #bababa;
padding: 1rem 0;
}
/*SNS Share*/
.snsShareBox{padding:0 0.5rem;margin:2rem 0;}
.snsShareBox li{float:left;width:32%;margin-left:1.3%;}
/*usefulBnr*/
#main .usefulBnr{margin-top:2rem;padding:0 0.5rem;}
#main .usefulBnr + .sectionH2.moreContents{margin-top:2rem;}
/***********************************************/
/* #side style                                 */
/***********************************************/
#sideBar{margin-top:2.5rem;}
#sideBar .banner{padding:0 0.5rem;}
#sideBar .sectionH2 + .banner{padding:0 0.5rem;margin-top: 2.5rem}
#sideBar .sectionH2.h202 + ul.banner{margin-top:1.5rem;}
#sideBar .banner li{margin-bottom: 1rem;}
#sideBar .banner li:last-child{margin-bottom: 0;}
#sideBar h2 {margin-top:3rem;}
#sideBar .sectionH2.h201 .sectionH3.linkArea.cf{padding:1rem 2.2rem 1rem 0;}
#sideBar .sectionH2 .btn {margin: 1.5rem 0.9rem 0;}
#sideBar .sectionH2{padding:0 0.5rem;}
#sideBar .sectionH3{padding-bottom:1.5rem;}
#sideBar .h2titleBox .btnBox > .sectionH3 {border-top: 1px solid #eee}
#sideBar .sectionH3 .pict{
float:left;
width:16%;}
#sideBar .sectionH3 .txt{
float:right;
width:84%;}
#sideBar .sectionH3 h3 {
font-size: 1.6rem;
font-weight: bold;
line-height: 120%;
padding: 0 0 0 1rem;}
#sideBar .sectionH3 .txt p {padding: 0 0 0 1rem;text-align:left;line-height: 2.2rem;}
/*randomPR*/
#sideBar ul.pr li {
background-image: url(../images/icon_arrow_r.png);
background-position: 98% 50%;
background-repeat: no-repeat;
background-size: auto 1.2rem;
border-bottom: 1px solid #bababa;
padding: 0.8rem 2.2rem 0.8rem 0.3rem;
text-align: left;
}
#sideBar ul.pr li a {
color: #3e3a39;
text-decoration: none;
font-weight:bold;
}
#sideBar ul.pr li{display: none;}
#sideBar ul.pr li:first-child{display: block;}
/* season Popularity Blog */
#sideBar .sectionH3.rankBox {padding:0;margin:0;}
#sideBar .sectionH3.rankBox h3{
background-position: 0.6rem center;
background-repeat: no-repeat;
background-size: 1.8rem auto;
border-bottom: 1px solid #bababa;
padding: 1rem 1rem 1rem 3rem;
}
#sideBar .sectionH3.rankBox h3.rank01{background-image: url(../images/icon_rank01.gif);}
#sideBar .sectionH3.rankBox h3.rank02{background-image: url(../images/icon_rank02.gif);}
#sideBar .sectionH3.rankBox h3.rank03{background-image: url(../images/icon_rank03.gif);}
#sideBar .sectionH3.rankBox h3.rank04{background-image: url(../images/icon_rank04.gif);}
#sideBar .sectionH3.rankBox h3.rank05{background-image: url(../images/icon_rank05.gif);}
#sideBar .sectionH3.rankBox h3.rank06{background-image: url(../images/icon_rank06.gif);}
#sideBar .sectionH3.rankBox h3.rankpr{background-image: url(../images/icon_rank_pr.gif);}
#sideBar .sectionH3.rankBox h3 a{
display:block;
background-image: url(../images/icon_arrow_r.png);
background-position: right center;
background-repeat: no-repeat;
background-size: auto 1.2rem;
}
/* pickup Event */
#sideBar .h204 {}
#sideBar .h204 .date {font-size: 1.2rem;}
#sideBar .h204 .date img {width:auto;margin:0 0 3.5px 0;}
#sideBar .h204 img {width:auto;}
#sideBar .h204 .sectionH3 {
padding:0.5rem 0;
border-bottom:1px dotted #ccc;}
#sideBar .h204 .sectionH3.linkArea {
background-image: url(../images/icon_arrow_r.png);
background-position: 98% center;
background-repeat: no-repeat;
background-size: auto 1.2rem;
padding-right: 2.2rem;
}
#sideBar .h204 .sectionH3.linkArea h3{padding:0;}
#sideBar .h204 .sectionH3 h3 + p {margin-top: 0.5rem;}
/***********************************************/
/* #footer style                              */
/***********************************************/
/* Banner */
.comBannerArea {padding:4% 2%;margin-top:5%;}
.comBannerArea li {margin:0 0 1.5rem 0;}
.comBannerArea2 {padding:0 2%;}
.comBannerArea2 li {
margin:0 0 2% 0;
width:49%;
float:left;}
.comBannerArea2 li:nth-child(odd) {margin-right:2%;}
.comBannerArea2 li.islink a{
background: url(../images/bnr_medicine.png) no-repeat scroll 0 0 / cover ;
display: block;
height: 0;
margin-bottom: 0.5%;
padding-top: 31.57%;
width: 100%;
}
.comBannerArea2 li.islink a:hover{opacity:0.8;}
.comBannerArea2 li.islink a span {display: none;}
/* navigation */
.footPrimary {
margin: 2.5rem 0 0 0;
padding:0 0.5rem;}
.footPrimary li {
width: 32%;
float: left;}
.footPrimary li:nth-child(2) {margin: 0 2%;}
.footPrimary2 {
margin: 2% 0;
padding:0 2%;}
.footPrimary2 li {
width:49.5%;
margin:0 0 1% 0;
float:left;
background-color:#008ad2;
font-size:1.1em;
text-align:left;}
.footPrimary2 li:nth-child(odd) {margin-right:1%;}
.footPrimary2 li a {
display:block;
padding:5% 0 5% 18%;
background:url(../images/icn_rightarrow_grey.png) 6% center no-repeat;
background-size:10%;
color:#ffffff;
text-decoration:none;
}
/* copyright */
#copyArea {
margin:6% 0 0 0;
padding:4% 2%;
background-color:#008ad2;}
address {
font-style:normal;
color:#fff;
font-size:1rem;
line-height:1.3em;}
/* footer */
#footLinkArea {
padding:2% 1%;
background-color:#f3f3f3;
}
#footLinkArea img {width:auto;}
#footLinkArea .snsLink {
margin: 1rem auto;
overflow: hidden;
}
#footLinkArea .snsLink li {
background-position: 0 center;
background-repeat: no-repeat;
background-size: 12.5% auto;
float: left;
line-height: 1.6em;
text-align: left;
}
#footLinkArea .snsLink li a{font-size: 1rem;line-height:1.2em;}
#footLinkArea .snsLink li{margin-left:5%;}
#footLinkArea .snsLink li a img{width:43px;}
#footLinkArea .linkList {
margin:2% 0 0 0;
text-align:left;}
#footLinkArea .linkList li {
background-image: url(../images/icn_rightarrow.png);
background-position: left 0.3rem;
background-repeat: no-repeat;
background-size: 1.4rem auto;
float: left;
line-height: 1.2em;
margin: 0 0 1% 1%;
padding: 0 0 0 1.8rem;
width: 43%;
}
#footLinkArea .linkList li a{font-size: 1.4rem;}
#footLinkArea .linkList li a.outbounds{
background-position: right top 0.2rem;
padding:0 1.8rem 0 0;
background-size:auto 70%;}
#footLogo img {
padding:5% 0;
width:auto;
}
#pageTop {
position: fixed;
bottom: 20px;
right: 20px;
width: 15%;
z-index:10000;
}
/***********************************************/
/* group（グループ共通ヘッダー・フッター SP版）             */
/***********************************************/
#gHeader{display:none;}
div.gStyle div.gStyleIn {
width:100%;
margin:0;
text-align:center;
}
#gFooterGroups {
float:none;
display:none;
}
div#gFooter {
text-align:center;
padding: 14px 0;
background:#fff;
}
div#gFooter p.groupLogo {
float:none;
display:inline-block;
width: 30%;
}
div#gFooter p.groupLogo img {
width:100%;
height:auto;
}
#copyrightBlock {
margin-bottom:10px;
font-size:8pt;
}
/* 404 */
#err404 {margin-bottom:3rem;padding:0 0.5rem;}
#err404 h1 {
border-bottom: 1px solid #008ad2;
color:#222;
font-size: 200%;
font-weight: bold;
line-height:3.8rem;
padding: 1rem 0;}
#err404 p {
font-size: 120%;
font-weight: bold;
padding: 2.5rem 0;}
#err404 ul li {
background:url(../images/sub_icon.gif) no-repeat scroll 0 0.5rem;
margin: 0 0 0.5rem;
padding: 0 0 0 1.8rem;}
@-moz-document url-prefix() {
selecter {background-position:0 0.6rem;} /* @firefox */
}
/***********************************************/
/* #push style                                 */
/***********************************************/
#pushBnr{
background: rgba(0,0,0,0.5);
position: fixed;
z-index: 999;
margin-top:107px;
padding:1rem 0.5rem;
}
#pushBnr .pushcode-handler {
height:auto;
margin-bottom:10px;
padding:0;
}
#pushBnr .closepush-btn{
margin:0;
width:55%;
padding:0;
float:right;
}
}
/***********************************************/
/* 641～                                       */
/***********************************************/
@media print, screen and (min-width: 641px) {
body {
background:url(../images/bg_body.gif) repeat-x;
margin:0;
padding:0;
font-size:14px;
line-height:160%;
text-align:center;
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#111;
font-style:normal;
font:14px/160% verdana, "ヒラギノ角ゴ Pro W4",ヒラギノ角ゴ Pro W4, Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif}
table{border-collapse:collapse;border-spacing:0}
textarea,input{margin:0;padding:0}
caption,th{text-align:left}
td,th{vertical-align: top}
fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}
img{vertical-align:bottom}
.sp {display:none;}
.linkAreaPc:hover{cursor:pointer;filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
/* ==============================
common parts
 ==============================*/
.w50px{width:50px !important;}
.h45px{height:45px !important;}
.h45pc{height:45px !important;}
.w300pc{width:300px !important;}
.w320pc{width:320px !important;}.w330pc{width:330px !important;}
.w340pc{width:340px !important;}.w350pc{width:350px !important;}
.w360pc{width:360px !important;}.w370pc{width:370px !important;}
.w320px{width:320px !important;}.w330px{width:330px !important;}
.w340px{width:340px !important;}.w350px{width:350px !important;}
.w360px{width:360px !important;}.w370px{width:370px !important;}
.fs12pc{font-size:12px !important;}.fs13pc{font-size:13px !important;}
.fs14pc {font-size: 14px !important;}.fs15pc {font-size: 15px !important;}
.fs16pc {font-size: 16px !important;}.fs17pc {font-size: 17px !important;}
/*********** icon **********/
.icn {width:30px; height:auto; margin-left: 5px;}
.icnNew {width:30px; height:auto; margin:2px 0 2px 5px !important;}
.icnPdf {width:30px; height:auto; margin:0 0 0 5px !important;}
.icnAdv {width:16px; height:auto; margin:0 0 2px 5px !important;}
img.icnPc {width:30px; height:auto; margin-left: 5px;vertical-align: middle;}
img.icnMember{margin: 0 0.2rem 0.4rem 0.5rem !important;height: 16px;width:auto;vertical-align: middle;}
img.icnMember02 {height: 16px;width:auto;}
/*********** outbounds **********/
a[target="_blank"],
a.outbounds,
span.outbounds{
background-image:url(../images/icn_outbounds-pc.gif);
background-repeat: no-repeat;
background-position: right 5px;
background-size:auto 10px;
margin-right:4px;
padding:0 14px 0 0;}
@-moz-document url-prefix() {
a.outbounds,span.outbounds {background-position: right bottom 4px;} /* @firefox */
}
a[target="_blank"].outnone{
background-image:none;
margin-right:0;
padding:0;}
/***********************************************/
/* #header style                                 */
/***********************************************/
/* gHeader Adjustment */
#header{
background:url(../images/head_bg.jpg) no-repeat 0 0;
height:160px;
margin:0 auto 15px;
position:relative;
width:960px}
#header h1{
line-height:130%;
font-size:95%;
padding:5px 0 0;
position:absolute;
top:39px;
left:0}
#header h1 img{
display:block;
float:left;
margin:-5px 10px 0 0;
vertical-align:top}
#header h1 img.sp{display:none;}
#header #logo{
line-height:130%;
font-size:95%;
padding:5px 0 0;
position:absolute;
top:39px;
left:0}
#header #logo img{
display:block;
float:left;
margin:-5px 10px 0 0;
vertical-align:top}
#header #logo img.sp{display:none;}
#header dl#group{text-align:right}
#header dl#group dt{
display:inline;
margin:0 10px 0 0;
vertical-align:middle}
#header dl#group dt a{font-size:85%}
#header dl#group dd{display:inline}
#header dl#group dd img{vertical-align:middle}
#header ul:before,
#header ul:after{
content:"";
display:table;}
#header ul:after{clear:both;}
#header ul{
position:absolute;
zoom:1;/* For IE 6/7 */}
#header ul li{float:left}
#header ul#headLink{
top:36px;
left:540px;
width: 270px;}
#header ul#headLink li{
background:url(../images/head_icon02.jpg) no-repeat 0 3px;
font-weight:bold;
padding:0 0 0 28px}
#header ul#headLink li:first-child{
background-image:url(../images/head_icon01.jpg);
margin:0 20px 0 0}
#header #headBtn{
position:absolute;
top:40px;
left:795px}
#header ul#headLink li:last-child{background-image:url(../images/head_icon03.jpg);}
#header #headBtn a{
background:url(../images/head_btn01.jpg) no-repeat 0 0;
display:block;
height:39px;
text-indent:-10000px;
overflow:hidden;
width:162px}
#header #headBtn a:hover{background-position:0 -39px;}
/*Login・Logout*/
#header #headBtnLogout{
position:absolute;
top:40px;
left:795px}
#header #headBtnLogout a{
background:url(../images/head_btnLogout.jpg) no-repeat 0 0;
display:block;
height:39px;
text-indent:-10000px;
overflow:hidden;
width:162px}
#header #headBtnLogout a:hover{background-position:0 -39px}
#header #gNav{
position:absolute;
top:90px;
left:0}
#header #gNav li a{
background:url(/common/images/nav01.gif) no-repeat 0 0;
display:block;
height:70px;
text-indent:-10000px;
overflow:hidden;
width:114px}
#header #gNav li.sub01 a,
#header #gNav li.sub06 a{width:115px}
#header #gNav li.sub02 a{background-image:url(/common/images/nav02.gif);}
#header #gNav li.sub03 a{background-image:url(/common/images/nav03.gif)}
#header #gNav li.sub04 a{background-image:url(/common/images/nav04.gif)}
#header #gNav li.sub05 a{background-image:url(/common/images/nav05.gif)}
#header #gNav li.sub06 a{background-image:url(/common/images/nav06.gif)}
#header #gNav li a.c,
#header #gNav li a:hover{background-position:0 -70px;}
#header #gNav li a.sub{background-position:0 -140px;}
#header #headerSearch{
position:absolute;
top:95px;
right:5px;}
#header #headerSearch input{
border:none;
height:30px;
vertical-align:top;}
#header #headerSearch input[type="text"]{width:196px;}
/* srchBox */
#srchBox {
position:absolute;
top:101px;
right:6px;
width:258px;
_width:256px;
margin-bottom:10px;
color:#000000}
#srchBox #SS_searchQuery {
position:absolute;
top:1px;
width:175px;
margin-right:6px;
vertical-align:bottom;
padding-left:5px;
height:26px;}
#srchBox #SS_searchSubmit {
position:absolute;
left:187px;
}
#srchBox .txt {
color: #fff;
font-size: 12px;
left: 0;
position: absolute;
top: 28px;
}
/***********************************************/
/* #subNavArea style                           */
/***********************************************/
#subNavArea .sectionH2{
background:url(../images/sub_bg01.gif) no-repeat 0 0 #fff;
border-bottom:5px solid #008AD2;
display:none;
padding:25px 25px 20px 25px ;
position:absolute;
top:157px;
left:20px;
z-index:10;
width:870px;}
#subNavArea #sub03{background-image:url(../images/sub_bg02.gif);}
#subNavArea #sub04{background-image:url(../images/sub_bg03.gif);}
#subNavArea #sub05{background-image:url(../images/sub_bg04.gif);}
#subNavArea #sub06{background-image:url(../images/sub_bg05.gif);}
#subNavArea .sectionH2 .pictArea{
background:url(../images/sub_border.gif) no-repeat 10px 100%;
min-height:125px;
padding:0 220px 10px 10px;
position:relative;}
#subNavArea .sectionH2 .pictArea.pastArea{
background:none;
min-height:50px;
padding:400px 220px 10px 10px;
}
#subNavArea .sectionH2 .pict{float:right;}
#subNavArea .sectionH2 h3{
background-color:#458FE6;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px -10px;
padding: 0.2em 1em 0.3em 0;
width:650px;
}
#subNavArea .sectionH2.pictArea h3{
background-color:#458FE6;
width:650px;}
#subNavArea .sectionH2 h3 span{
background:url(../images/icon_w_circle.png) no-repeat scroll 13px 5px / 12px auto;
padding-left: 30px;
}
#subNavArea .sectionH2 h3.past{width:100%;margin-top: 20px;float:left;}
#subNavArea .sectionH2 p.link.past {width:100%;}
#subNavArea .sectionH2 .accordBox  + h3{margin-top: 20px;}
#subNavArea .leadTxt, #subNavArea .link{float:left;width:650px;}
#subNavArea .sectionH2 p.link{
margin:10px 0 0;
padding-bottom:25px;
border-bottom:1px dotted #111;
}
#subNavArea .sectionH2 h3.past + p.leadTxt + p.link{
border-bottom: 1px dotted #111;
padding-bottom: 15px;
}
#subNavArea .sectionH2 p.link a{
background:url(../images/sub_icon.gif) no-repeat 0 3px;
font-weight:bold;
padding:0 0 0 18px ;}
#subNavArea .sectionH2 ul{
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-flow:row wrap;
padding-top:10px;
float:left;}
#subNavArea .sectionH2 ul li{
background:url(../images/sub_icon.gif) no-repeat 0 4px;
font-weight:bold;
margin:0 12px 5px 0;
padding:0 0 0 17px;
line-height: 20px;
width:255px;}
#subNavArea .sectionH2 ul li.soon{
background:url(../images/icn_nolink.gif) no-repeat 0 5px;
font-weight:bold;
margin:0 15px 0 0;
padding:0 0 0 20px;
width:255px;}
#subNavArea .sectionH2 ul li img {margin:0 0 4px 5px;}
#subNavArea .sectionH2 ul li a{
color:#333;
font-size: 14px;
}
#subNavArea .sectionH2 ul li a.fss{font-size: 13px;}
#subNavArea .sectionH2 ul.pastList{
/*border-bottom:1px dotted #111;*/
padding-bottom:10px;
}
#subNavArea .sectionH2 ul.pastList.years{border-bottom:none;}
#subNavArea .sectionH2 ul.pastList.years li a{color:#0066cc;}
#subNavArea .sectionH2 .pastList + h3 + p.link.past,
#subNavArea .sectionH2 .pastList + h3 + p.link.past + p.link.past{
float:left;
border-bottom:none;
padding-bottom:0;
width:auto;
margin:25px 20px 0 0;
}
/*joyBox*/
#subNavArea #sub02 ul.joy {
border-top: 1px dotted #b2b2b2;
margin: 10px 0 0 0;
padding: 10px 0 0;
width:100%;
}
#subNavArea #sub02.sectionH2 .accordBox p.link + ul{margin-bottom:10px;}
#subNavArea #sub02.sectionH2 .joyBox{width:880px;margin-top:20px;}
#subNavArea #sub02.sectionH2 .joyBox h4{
background:url(../images/bg_joy_h4.jpg) no-repeat;
width:149px;
height:36px;
float:left;
color:#fff;
padding:5px 0 0 0;
font-weight: bold;
text-align:center;
font-size:16px;}
#subNavArea  #sub02.sectionH2 .joyBox ul{
background:url(../images/icn_joy.gif) no-repeat 682px 0;
width:705px;
height:20px;
border:3px solid #e84b5f;
float:left;
padding:5px 0 5px 10px;
margin:0;}
#subNavArea  #sub02.sectionH2 .joyBox ul li{
width:100%;
font-weight:normal;}
#subNavArea  #sub02.sectionH2 .joyBox ul li a{font-weight:bold;}
/***********************************************/
/* detail style                              */
/***********************************************/
#main .mainCont.attentBox .sectionH2 h3 .icnMember,
#main .mainCont.attentBox .sectionH2 h3 .icnNew{margin: 0 2px 2px 5px !important;}
#main .detail .tabNav .back{float:right;}
/* tNavi */
.detail ul.tabNav {
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-flow:row wrap;
float:left;
background-image:url(../images/bg_tabNav.gif);
background-position:0 100%;
background-repeat:repeat-x;
width:490px;
height:31px;
margin:20px 0 0;}
.detail ul.tabNav.top li, .detail ul.tabNav.foot li {
text-align:center;
margin:0 1.5px;}
.detail ul.tabNav.top li:first-child, .detail ul.tabNav.foot li:first-child {margin-left:0;}
.detail ul.tabNav + a {float:right;margin-top:20px;}
/* .tabNav.top */
.detail ul.tabNav.top li a,
.detail ul.tabNav.foot li a {
background-image:url(../images/bg_dtl_tabNav.gif);
background-position:0 0;
background-repeat:no-repeat;
display:block;
color:#FFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
width:87px;
height:31px;
padding-top:5px;}
.detail ul.tabNav.top li a:hover , .detail ul.tabNav.top li.tab_selected a {
background-image:url(../images/bg_dtl_tabNavCr.gif);
color:#0a8fd2;}
/* .tabNav.foot */
.detail ul.tabNav.foot ,
.detail ul.tabNav.foot + a{margin:30px 0 20px 0; }
.detail ul.tabNav.foot {
background-image:url(../images/bg_tabNavFoot.gif);
background-position:0 0;
background-repeat:repeat-x;}
.detail ul.tabNav.foot li a {background-image:url(../images/bg_dtl_foottabNav.gif);background-position:0 3px;}
.detail ul.tabNav.foot li a:hover , .detail ul.tabNav.foot li.tab_selected a {
background-image:url(../images/bg_dtl_foottabNavCr.gif);
background-position:0 0;
color:#0a8fd2;}
#main .tabNav ul + p,
#main .courseCont h2 + p{margin:0 0 15px}
#main .detail h3.title{
background:none;
border:none;
color:#0867C1;
margin:0 0 10px;
padding:0}
/* h2/h3/h4 */
#main .detail h2{margin:0 0 20px}
#main .detail h3{margin:0 0 20px}
#main .detail p + h2,
#main .detail p + h3{margin-top:15px}
#main .detail .sectionH3 p ,
#main .detail .sectionH2 p {margin: 0 0 10px;}
#main .detail h2.ttl {
background:url(../images/h2.gif) no-repeat 10px 10px #4591e7;
color:#fff;
font-size:120%;
font-weight:bold;
margin:25px 0 15px 0;
padding:3px 10px 3px 30px}
#main .detail h3{margin:15px 0 0 0}
#main .detail h3.ttl{
background:url(../images/h3.gif) no-repeat 0 5px;
border-bottom:1px solid #09ACBB;
color:#09ACBB;
font-size:120%;
font-weight:bold;
padding:0 0 5px 15px;
margin-bottom:15px;}
#main .detail h4.ttl{
background:url(../images/h4.gif) no-repeat 0 7px;
border-bottom:1px dotted #B3B3B3;
font-size:110%;
font-weight:bold;
margin:15px 0 15px;
padding:0 0 5px 15px}
#main .detail h5{
border-bottom:1px dotted #B4B4B4;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px 0}
/* nameArea */
#main .detail .headBox + p{margin-top:30px;}
#main .detail .headBox{overflow:hidden;margin-top:35px;}
#main .detail .anchor + .headBox{margin-top:0;}
#main .detail .headBox + .sectionH3{margin-top:30px}
#main .detail .nameArea:before,
#main .detail .nameArea:after{
content:"";
display:table;}
#main .detail .nameArea:after{clear:both;}
#main .detail .nameArea{
float: left;
width: 445px;
zoom:1;/* For IE 6/7 */}
#main .detail .nameArea .pict{
float:left;
margin:0 10px 0 0}
#main .detail .nameArea dl{
margin-top:5px;
float:right;
width:335px}
#main .detail .nameArea dl.noimg{float:left;}
#main .detail .nameArea dl dt{
font-weight:bold;
margin:0 0 3px;
line-height:130%}
#main .detail .nameArea dl dt span{font-size:75%}
#main .detail .nameArea dl dt strong{font-size:150%}
#main .detail .nameArea dl dd{line-height:140%}
#main .detail .nameArea dl dd img{
margin:0 0 2px 5px;
vertical-align:middle}
/* noticeArea */
#main .detail .noticeArea {
float:right;
width:220px;
padding:10px;
background:#eff7ff;
margin:0 0 20px 0;}
#main .detail .noticeArea dt {
padding-left:18px;
background:url(../images/sub_icon.gif) left 5.5px no-repeat;}
#main .detail .noticeArea dt a {
font-weight:bold;}
#main .detail .noticeArea dd {padding:3px 0 0 18px;}
/* noticeAreaFoot */
#main .detail .noticeAreaFoot {background-color:#EFF7FF;}
#main .detail .noticeAreaFoot {
margin:30px 0 0 0;
padding:6px 20px 6px 0;
}
#main .detail .noticeAreaFoot a {font-weight:bold;}
#main .detail .noticeAreaFoot dl{overflow: hidden;}
#main .detail .noticeAreaFoot dt{
background:url(../images/sub_icon.gif) 10px center no-repeat;
padding-left: 28px;
float:left;
}
#main .detail .noticeAreaFoot dd{text-indent: 1em;}
/* other */
#main .detail .other{
border:3px solid #4390E8;
border-top:none;
margin:20px -10px;
padding:0 10px 10px}
#main .detail .other h2{margin:0 -10px 10px}
#main .detail .other ul li{
background:url(../images/sub_icon.gif) no-repeat 0 5px;
font-size:85%;
line-height:160%;
margin:5px 10px 0 0;
padding:0 0 0 17px;}
/* anchor */
#main .detail ul.anchor{
background:#ECF5FC;
margin:30px 0 15px;
padding:5px 0 7px;
text-align:center;}
#main .detail ul.anchor li{
background:url(../images/anchor_icon.gif) no-repeat 0 2px;
display:inline;
font-size:85%;
margin:0 0 0 20px;
padding:0 0 0 15px;}
#main .detail ul.anchor li:first-child{margin:0}
/* strategyList */
.detail .strategyList {}
.detail .strategyList.list {margin: 0 0 1em 1em;}
.detail .strategyList li {
background-image:url(../images/icn_list.gif);
background-position:0 6px;
background-repeat:no-repeat;
background-size:11px auto;
padding: 0 0 0 16px;
}
.detail .strategyList li ul {margin: 0 0 1em;}
/***********************************************/
/* #wrapper style                              */
/***********************************************/
#wrapper{
margin:0 auto 20px;
position:relative;
text-align:left;
width:960px}
#wrapper #pageTop {
position: fixed;
bottom: 20px;
right: 20px;
width: 50px;
width: 50px;
}
#wrapper ul.comBannerArea:before,
#wrapper ul.comBannerArea2:before,
#wrapper ul.comBannerArea:after,
#wrapper ul.comBannerArea2:after{
content:"";
display:table;}
#wrapper ul.comBannerArea:after,
#wrapper ul.comBannerArea2:after{clear:both;}
#wrapper ul.comBannerArea,
#wrapper ul.comBannerArea2{zoom:1;/* For IE 6/7 */}
#wrapper ul.comBannerArea2{width:750px}
#wrapper ul.comBannerArea li,
#wrapper ul.comBannerArea2 li{float:left}
#wrapper ul.comBannerArea li:first-child{margin:0 10px 0 0}
#wrapper ul.comBannerArea2 li{margin:10px 8px  0 0}
/*IS seo対策 morikawa 20160912*/
#wrapper ul.comBannerArea2 li.islink a{
display:block;
background:url(../images/banner04.jpg) no-repeat;
width:142px; height:45px;}
#wrapper ul.comBannerArea2 li.islink a:hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#wrapper ul.comBannerArea2 li.islink a span{display:none;}
/*IS seo対策 morikawa 20160912*/
#cont:before,
#cont:after{
content:"";
display:table;}
#cont:after{clear:both;}
#cont{
background:url(../images/bg_cont.gif) no-repeat 0 100%;
margin:0 0 10px;
position:relative;
zoom:1;/* For IE 6/7 */}
#main{
float:left;
padding:0 20px 70px;
width:709px}
#main .topicPath{
background:#fff;
font-size:85%}
#main .topicPath.top{
border-bottom:3px solid #008BD3;
margin:0 -20px 20px;
padding:5px 0 8px ;
width:749px}
#main .topicPath.foot{
border:3px solid #A9A9A9;
padding:5px 10px;
position:absolute;
bottom:20px;
left:20px;
width:683px}
#main .topicPath a{
background:url(../images/topic_bg.gif) no-repeat 0 2px;
padding:0 0 0 13px}
#main .topicPath a ~ a{
background:none;
padding:0}
#main h1{margin:0 0 15px}
/**************moreContentsArea**************/
#main .moreContentsArea{
border-top:1px dotted #B3B3B3;
margin:35px 0;
padding:40px 0 0}
#main .moreContentsArea .usefulBnr{margin-bottom:40px;}
#main .moreContentsArea .moreContents:before,
#main .moreContentsArea .moreContents:after{
content:"";
display:table;}
#main .moreContentsArea .moreContents:after{clear:both;}
#main .moreContentsArea .moreContents{zoom:1;/* For IE 6/7 */}
#main .moreContentsArea .moreContents{
border:3px solid #4490E8;
border-top:none;
padding:0 9px 13px}
#main .moreContentsArea .moreContents h2{margin:0 -9px 0;}
#main .moreContentsArea .moreCont{
display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-flow:row wrap;
}
#main .moreContentsArea p.gray{margin: 10px 0 0;}
#main .moreContentsArea .moreContents .sectionH3{margin-top:10px;width:338px;}
#main .moreContentsArea .moreContents .sectionH3:nth-child(even){margin-left:9px;}
#main .moreContentsArea .moreContents .sectionH3 h3{margin:0;}
#main .moreContentsArea .moreContents .sectionH3 h3 ~ h3{margin:20px 0 0;}
#main .moreContentsArea .moreContents ul li{
background:url(../images/sub_icon.gif) no-repeat 0 4px;
margin:8px  0 0;
font-weight:bold;
line-height:140%;
padding:0 0 0 17px;}
#main .moreContentsArea .moreContents ul li a{color:#000;}
#main .moreContentsArea .moreContents ul li img{margin:0 0 0 5px;}
#main .moreContentsArea .moreContents .sectionH3.note:before,
#main .moreContentsArea .moreContents .sectionH3.note:after{
content:"";
display:table;}
#main .moreContentsArea .moreContents .sectionH3.note:after{clear:both;}
#main .moreContentsArea .moreContents .sectionH3.note{zoom:1;/* For IE 6/7 */}
#main .moreContentsArea .moreContents .moreCont + .sectionH3.note{margin:10px 0 0 !important;}
*:first-child+html .sectionH3.note {margin:10px 0 0;}
#main .moreContentsArea .moreContents .sectionH3.note ul{
float:left;
width:338px ;}
#main .moreContentsArea .moreContents .sectionH3.note ul ~ ul{float:right;}
#main .moreContentsArea .moreContents a.link {
background: url(../images/foot_icon03.gif) no-repeat scroll 100% 1px;
padding: 0 17px 0 0;
}
div#mainContents a.outbounds {text-decoration: underline;}
div#mainContents a.outbounds img {margin:0 1px 4px 3px;}
/***********************************************/
/* #sideBar style                              */
/***********************************************/
#sideBar{
float:right;
width:200px}
#sideBar .banner,#sideBar .banner2{background:#fff;}
#sideBar .banner2 {padding:10px 0 0;}
#sideBar .banner li,#sideBar .banner2 li{margin:10px 0 0}
#sideBar .banner li:first-child,#sideBar .banner2 li:first-child{margin:0}
#sideBar .sectionH2{padding:0 13px}
#sideBar .sectionH2 h2{margin:0 -13px}
#sideBar .h201 .btn {
padding: 0.5rem 0 0.5rem 0;
text-align: center;
}
#sideBar .h201 .btn.open, #sideBar .h201 .btnBox {display: none;}
#sideBar .h202{background:url(../images/side_bg07.gif) no-repeat 0 100%}
#sideBar .h203{background:url(../images/side_bg03.gif) no-repeat 0 100%}
#sideBar .h204.side{background:url(../images/side_bg04.gif) no-repeat 0 100%}
#sideBar .h205{background:url(../images/side_bg04.gif) no-repeat 0 100%}
#sideBar .h206{background:url(../images/side_bg05.gif) no-repeat 0 100%}
#sideBar .h207{background:url(../images/side_bg06.gif) no-repeat 0 100%}
#sideBar .sectionH2 .sectionH3:before,
#sideBar .sectionH2 .sectionH3:after{
content:"";
display:table;}
#sideBar .sectionH2 .sectionH3:after{clear:both;}
#sideBar .sectionH2 .sectionH3{
border-bottom:1px dotted #89D9D6;
margin:5px -10px 0;
padding:0 7px 8px ;
zoom:1;/* For IE 6/7 */}
#sideBar .sectionH3 .pict {float: left;}
#sideBar .sectionH3 .pict img{width:50px;}
#sideBar .sectionH3 .txt p{float: right;width:120px; line-height: 140%;}
#sideBar .sectionH3 h3{
background-image: url(../images/sub_icon.gif);
background-repeat: no-repeat;
background-position: 0 4px;
font-weight: bold;
line-height: 130%;
margin: 0 0 5px;
padding: 0 0 0 18px;
}
#sideBar .h204 p{
padding:0 0 0 17px;
font-size:80%}
/*joy*/
#sideBar .sectionH2.joy{background:url(../images/side_joy_bg.gif) no-repeat 0 100%;}
/* season Popularity Blog */
#sideBar .sectionH2 h2.keyword,
#sideBar #side01 .sectionH2 h2.keyword{
height: 52px;
padding-top: 0.2rem;
padding: 6px 0 0 18px;
line-height: 21px;
}
#sideBar .sectionH3.rankBox{border:none;}
#sideBar .sectionH3.rankBox {padding: 0 7px;}
#sideBar .sectionH3.rankBox h3{
line-height: 140%;
background-image: url(../images/icon_arrow_r02.gif);
background-repeat: no-repeat;
background-position: 0 auto;
background-size: 25px auto;
padding: 5px 0 15px 34px;
margin-bottom: 10px;
border-bottom: 1px dotted #7f7f7f;
}
#sideBar .sectionH2.h201 p.lead {
font-size: 14px;
line-height: 18px;
padding: 10px 0;
}
#sideBar .sectionH3.rankBox h3 a{font-size: 14px;color:#221815;}
#sideBar .sectionH3.rankBox h3.rank01{background-image: url(../images/icon_rank01.gif);}
#sideBar .sectionH3.rankBox h3.rank02{background-image: url(../images/icon_rank02.gif);}
#sideBar .sectionH3.rankBox h3.rank03{background-image: url(../images/icon_rank03.gif);}
#sideBar .sectionH3.rankBox h3.rank04{background-image: url(../images/icon_rank04.gif);}
#sideBar .sectionH3.rankBox h3.rank05{background-image: url(../images/icon_rank05.gif);}
#sideBar .sectionH3.rankBox h3.rank06{background-image: url(../images/icon_rank06.gif);}
#sideBar .sectionH3.rankBox h3.rankpr{background-image: url(../images/icon_rank_pr.gif);border-bottom:none;}
#sideBar .sectionH3.rankBox h3.rankpr a,#sideBar .sectionH3.rankBox h3.rankpr a span{font-size: 14px;}
#sideBar .sectionH3.rankBox h3.link{background-image: url(../images/icon_arrow_r.jpg);}
/***********************************************/
/* #footNavArea style                          */
/***********************************************/
#footNavArea{background:#008AD2}
#footNavArea #footNavCont:before,
#footNavArea #footNavCont:after{
content:"";
display:table;}
#footNavArea #footNavCont:after{clear:both;}
#footNavArea #footNavCont{
background:#008AD2;
margin:0 auto;
padding:20px 0;
text-align:left;
width:960px;
zoom:1;/* For IE 6/7 */}
#footNavArea #footNavCont > ul{
float:left;
margin:0 8px  0 0}
#footNavArea #footNavCont > ul.nav01{width:145px}
#footNavArea #footNavCont > ul.nav02{width:200px}
#footNavArea #footNavCont > ul.nav03{width:255px}
#footNavArea #footNavCont > ul.nav04{width:194px}
#footNavArea #footNavCont > ul.nav05{margin:0;width:134px}
#footNavArea #footNavCont img.icnMember {margin: 0 0 0 3px !important;}
*:first-child+html #footNavArea #footNavCont li{height:1%}
#footNavArea #footNavCont li a{
color:#fff;
font-size:85%;
text-decoration:none}
#footNavArea #footNavCont li a:hover{text-decoration:underline}
#footNavArea #footNavCont ul li{
font-weight:bold;
line-height:120%;
margin:2px 0 0}
#footNavArea #footNavCont ul li a{
background:url(../images/foot_icon04.gif) no-repeat 0 2px;
padding:0 0 0 10px}
#footNavArea #footNavCont ul.nav04 li.note{margin:15px 0 0}
#footNavArea #footNavCont ul li ul li{
background:url(../images/foot_icon01.gif) no-repeat 10px 5px;
font-weight:normal;
margin:3px 0 0;
padding:0 0 0 18px }
#footNavArea #footNavCont ul li ul li:first-child{margin:0}
#footNavArea #footNavCont ul li ul li a{
background:none;
padding:0}
#footNavArea #footNavCont li.note2{
margin:15px 0 0;
background:url(../images/foot_icon05.gif) no-repeat 0 2px;
padding:0 0 0 10px;
color:#fff;
font-size:85%}
#footNavArea #footNavCont li.note2:first-child{margin:3px 0 0}
/* copyright */
#copyArea {
background: #008ad2 none repeat scroll 0 0;
border-top: 1px solid #77c1e6;
margin: 0 auto;
min-width: 960px;
}
#copyArea address {
color: #fff;
font-size: 85%;
margin: 0 auto;
padding: 8px 0;
text-align: right;
width: 960px;
}
/* footLinkArea */
#footLinkArea {background: #f3f3f3 none repeat scroll 0 0;}
#footLinkArea div {
margin: auto;
width: 960px;
}
#footLinkArea ul li {
background: url(../images/foot_icon02.gif) no-repeat scroll 0 4px;
background-size: 13px;
float: left;
margin: 0 10px 0 0;
padding: 0 0 0 16px;
font-size: 12px;
}
#footLinkArea ul.linkList {
float: left;
width: 555px !important;
padding: 10px 0 8px;
}
#footLinkArea ul.snsLink {
color: #fff;
float: right;
padding: 10px 0 8px;
width: 232px;
}
#footLinkArea .snsLink li{background-image: none;padding: 0;margin-right: 20px;}
#footLinkArea .snsLink li a img {padding-bottom: 3px;width:24px;}
#footLinkArea .snsLink li.youtubeIcon {padding:0;margin-right: 0;}
/***********************************************/
/* group（グループ共通ヘッダー・フッター PC版）             */
/***********************************************/
/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */
#gHeader a,#gFooter a{font-size: 12px;}
#gHeader,#gFooter{
font: 13px/1.231 arial,helvetica,clean,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ', Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.gStyle p, .gStyle ul, .gStyle ol, .gStyle li {
font-size: 100%;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
text-decoration: none;
}
.gStyle img {
border: 0;
vertical-align: bottom;
}
div#gFooter div#gFooterGroups {text-align: left;}
div#gFooter div#gFooterGroups img{padding-left: 10px;}
.gStyle ol, .gStyle ul { list-style: none; }
/* # gStyle
---------------------------------------------------------------------------- */
div.gStyle  {
background-color: #fff;
color: #000;
line-height: 1.5;
}
div.gStyle div.gStyleIn {
margin: 0 auto;
width: 960px;
}
.gStyle a    { color: #004979; }
.gStyle a:hover   { text-decoration: none; }
div#gHeader {
border-top: solid 2px #0072ba;
border-bottom: solid 1px #e5e5e5;
padding: 10px 0 7px;
}
div#gHeader p.groupLogo {
float: right;
margin: -6px 0 0 0;
}
div#gHeader p.groupContact {
float: right;
margin: 2px 0 0;
}
div#gFooter {padding: 14px 0;}
div#gFooter p.groupLogo {
float: left;
margin: 9px 0 9px 0;
}
p.groupLogo + p.groupLogo a img {margin-right: 1rem;}
div#gFooter div#gFooterGroups {float: right;}
div#gFooter div#gFooterGroups ul {line-height: 1.0;}
div#gFooter div#gFooterGroups ul li {
border-left: solid 1px #cccccc;
display: inline;
margin: 0 0 0 9px;
padding: 0 0 0 9px;
}
div#gFooter div#gFooterGroups ul li.first {
border: none;
margin-left: 0;
padding: 0;
}
div#gFooter div#gFooterGroups ul li a {white-space: nowrap;}
/* # clearfix
---------------------------------------------------------------------------- */
div#gHeader,
div#gFooter {zoom: 1;}
div#gHeader:after,
div#gFooter:after {
clear: both;
content: ".";
display: block;
height: 0;
line-height: 0;
visibility: hidden;
}
/* 404 */
#err404 {width:100%;margin-bottom:30px;}
#err404 h1 {
border-bottom: 1px solid #008ad2;
color:#222;
font-size: 200%;
font-weight: bold;
padding: 10px 0;}
#err404 p {
font-size: 120%;
font-weight: bold;
padding: 40px 0;}
#err404 ul li {
background:url(../images/sub_icon.gif) no-repeat scroll 0 0.4rem;
margin: 0 0 5px;
padding: 0 0 0 18px;}
@-moz-document url-prefix() {selecter {background-position:0 4px;} /* @firefox */}
#footNavArea #footNavCont .nav404 {
float:left;
font-weight:bold;
width:23px;
min-height:auto;}
/***********************************************/
/* #push style                                 */
/***********************************************/
#pushBnr{
background: rgba(0,0,0,0.5);
position: fixed;
z-index: 999;
width: 100%;
padding:10px 10px 20px 10px;
bottom:0;
z-index: 999;
}
.pushBnr_in{
width:728px;
margin:auto;
}
#pushBnr .pushcode-handler {
margin-bottom:10px;
padding:0;
}
#pushBnr .closepush-btn{
width:220px;
float:right;
padding:0;
}
#pushBnr .closepush-btn img{width:100%;padding:0;}
}