/* ----------------------------------------------------------------

	Base

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  font,cursor control
----------------------------------------------------------------- */
button,
select{
cursor:pointer;
}

button[disabled],
select[disabled]{
cursor:default;
}

/* ----------------------------------------------------------------
  HTML5 display definitions
----------------------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary{
display:block;
}

audio,
canvas,
progress,
video{
display:inline-block;
}

audio:not([controls]){
display:none;
height:0;
}

progress{
vertical-align:baseline;
}

/* ----------------------------------------------------------------

	Common Modules

----------------------------------------------------------------- */
/* ----------------------------------------------------------------
  Heading
----------------------------------------------------------------- */
/* .menu-header-container
----------------------------------------------- */
.menu-header-container{
padding:10px 25px 12px;
color:#fff;
position:relative;
background-color:#287ac4;
margin-bottom: 20px;
}

.box-bg-img-ctrl .menu-header-container{
background-color:rgba(16, 92, 169, .6);
}

/* .menu-header-container > .menu-header
----------------------------------------------- */
.menu-header-container .menu-header{
padding-right:150px;
display:block;
line-height:1.45;
font-size:30px;
text-shadow:1px 1px 1px rgba(0, 0, 0, .35);
}
.menu-header-container .menu-header a{
color:#fff;
}
.menu-header-container .menu-header a:active,
.menu-header-container .menu-header a:hover,
.menu-header-container .menu-header a:focus{
text-decoration:none;
}

/* .menu-header-container > .menu-header-sup
----------------------------------------------- */
.menu-header-container .menu-header-sup{
font-size:15px;
}

/* .menu-header-container > .menu-header-agt
----------------------------------------------- */
.menu-header-container .menu-header-agt{
margin-top:5px;
padding:0 15px;
background-color:#fff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 30px;
-webkit-box-sizing: border-box;
}

/* .menu-header-container > .menu-header-agt-catch
----------------------------------------------- */
.menu-header-container .menu-header-agt-catch{
margin-right:10px;
color:#333;
font-weight:bold;
font-size:12px;
display:inline-block;
}

/* .menu-header-container > .menu-header-agt-list
----------------------------------------------- */
.menu-header-container .menu-header-agt-list{
-webkit-box-flex:1;
-ms-flex:1;
flex:1;
}

.menu-header-container .menu-header-agt-list:after{
margin-left:3px;
color:#333;
content:'\4ED6\3001\591A\6570\FF01';
display:inline-block;
vertical-align:bottom;
font-weight:bold;
}

.menu-header-container .menu-header-agt-list > li{
margin-left:5px;
display:inline-block;
}
.menu-header-container .menu-header-agt-list > li:first-child{
margin-left:0;
}
.menu-header-container .menu-header-agt-list > li img{
vertical-align:middle;
}

/* .menu-header-container > .menu-header-utility
----------------------------------------------- */
.blog-menu-header-utility{
position:absolute;
bottom:11px;
right:25px;
font-size:12px;
max-width: 600px;
text-align: right;
}
.menu-header-container .menu-header-utility{
border:1px solid rgba(255, 255, 255, .5);
display:table;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.menu-header-container .menu-header-utility > li{
display:table-cell;
vertical-align:middle;
}
.menu-header-container .menu-header-utility > li:first-child a{
border-left:none;
}
.menu-header-container .menu-header-utility > li > a{
border-left:1px solid rgba(255, 255, 255, .5);
color:#fff;
display:block;
margin:8px 0 6px;
padding: 0 10px;
display: block;
line-height: 1.1;
}
.menu-header-container .menu-header-utility > li > a:active,
.menu-header-container .menu-header-utility > li > a:hover,
.menu-header-container .menu-header-utility > li > a:focus{
text-decoration:none;
}

/* .hdg-l2
----------------------------------------------- */
.hdg-l2{
padding:8px 20px;
color:#fff;
background-color:#333;
font-size:18px;
}


/* sub_Col
------------------------------------------------------- */

#container #sub_Col dl.ranking dd{
border-left: 0;
border-right: 0;
width: auto;
padding: 5px 0;
border-bottom: 1px dotted #d0d0d0;
}
.side_two_column_left.ranking dd a{
position: relative;
}
.side_two_column_left.ranking dd a img{
position: inherit;
top: 0;
}
#container #sub_Col dl.ranking dd.first span,
#container #sub_Col dl.ranking dd.second span,
#container #sub_Col dl.ranking dd.third span{
background: none;
text-align: left;
width: 140px;
}
#container #sub_Col dl.ranking dd span:before{
width: 26px;
height: 26px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
content:'';
display: block;
}
#container #sub_Col dl.ranking dd.first span:before {
background: url(/element/blog/images/top/ic-rank-01.png) no-repeat 0 0;
}
#container #sub_Col dl.ranking dd.second span:before {
background: url(/element/blog/images/top/ic-rank-02.png) no-repeat 0 0;
}
#container #sub_Col dl.ranking dd.third span:before {
background: url(/element/blog/images/top/ic-rank-03.png) no-repeat 0 0;
}
#container #sub_Col dl.ranking dd span b{
padding-left: 0;
font-size: 11px;
padding-top: 2px;
margin-bottom: 5px;
}
#container #sub_Col dl.ranking dt{
margin-bottom: 5px;
}
#container #sub_Col dl.ranking dt,
#container #sub_Col dl.special_feature dt{
background: none;
text-indent: 0;
padding: 13px 0 10px;
border-width: 1px 0;
border-style: solid;
border-color: #d2d2d2;
line-height: 1.35;
height: auto;
}
#container #sub_Col dl.special_feature dd{
padding: 9px 0 9px 65px;
border-bottom: 1px dotted #ccc;
position: relative;
font-size: 11px;
border-left: 0;
border-right: 0;
width: auto;
min-height: 80px;
box-sizing: border-box;
line-height: 1.35;
}
.side_two_column_left dd a,
.side_two_column_left dd a:hover{
text-decoration: none;
}
.side_two_column_left dd a b{
font-size: 12px;
}
.side_two_column_left dd a:hover b{
text-decoration: underline;
}
.side_two_column_left dd a img{
position: absolute;
top: 10px;
left: 0;
}
#container #sub_Col dl.side_two_column_left dd.bottomlist{
border: 0;
}

#header_Col .hdg-blog{
margin: 55px 0 0 0;
width: 680px;
font-weight: bold;
font-size: 200%;
line-height: 1.1;
display: block;
}
#itemtitle_Area .hdg-blog-article {
word-wrap: break-word;
padding: 0.5em 145px 0 15px;
width: 370px;
font-size: 15px;
font-weight: bold;
}
#sub_Col .hdg-blog-sub,
#extra_Col .hdg-blog-sub{
height: 36px;
text-indent: -999em;
display: block;
}
.hdg-area-name {
display: block;
box-sizing: border-box;
margin: 25px 0 -13px 0;
box-sizing: border-box;
}
.hdg-area-name img{
display: block;
float: left;
}
.hdg-area-name span {
display: block;
float: left;
padding-left: 5px;
font-size: 12px;
}

/* ----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.hdg-area-name::before,
.hdg-area-name::after{
content:"";
display:table;
}
.hdg-area-name::after{
clear:both;
}

/* ----------------------------------------------------------------
  Notfound
----------------------------------------------------------------- */
/* .error-item
----------------------------------------------- */
.error-item{
text-align:center;
}
.error-catch{
margin:40px 0 20px;
font-size:18px;
}
.error-desc {
padding-bottom:120px;
}
.error-desc p:not([class]){
font-size:14px;
}
.error-btn {
margin-top:32px;
font-size:14px;
}
.error-btn>a {
padding:9px 20px;
border:1px solid #c5c5c5;
border-radius: 3px;
color:#666;
display:inline-block;
background-color:#fff;
text-decoration:none;
min-width:202px;
height:40px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-size: 14px;
}

/* ----------------------------------------------------------------
 .notfound-container
----------------------------------------------------------------- */
.error-txt{
font-size:17px;
font-weight:bold;
margin-bottom:30px;
}
.error-box > .error-link{
display:inline-block;
padding:8px 25px 9px;
color:#666;
font-size:14px;
border-radius:3px;
border:1px solid #c5c5c5;
box-shadow:0 -2px 0 #ccc inset;
box-sizing:border-box;
background-color:#fff;
text-decoration:none;
font-size:14px;
font-weight:normal;
}