body {
    background:#FFF;
}
#wrapper{
    overflow:hidden;
}
a:hover{
    text-decoration:underline;
}
/* ===============================================
    header
=============================================== */

/************************* 161026 CSS 変更箇所 ************/
#header{
    /*border-bottom:#CCCCCC solid 1px;*/
    position:relative;
}
#headerinr{
    max-width:1250px;
    margin:0 auto;
}
#headerinr h1{
    float:left;
    margin-left:20px;
    padding-top:35px;
    margin-right:10px;
    width:229px;
    height:65px;
}
#headerinr h1 img{
    width:100%;
}
#headerinr h2{
    float:left;
    line-height:96px;
}


.nav_outer {
    width: 100%;
    /*border-bottom: #CCCCCC solid 1px;*/
}
.nav_outer #nav {
    clear: both;
    margin: 0 auto 30px;
    max-width: 1250px;
    /*padding-left:0.7%;*/
    background: #F6F6F6;
    border-bottom: #CCCCCC solid 1px;
}
.nav_outer #nav li {
    float: left;
    border-right: 2px #FFF solid;
}
.nav_outer #nav li:last-child{
    border-right:none;
}
.nav_outer #nav li a {
    display: block;
    text-align: center;
    width: 111.6px;
    height: 37px;
    line-height: 37px;
    background: #F6F6F6;
    font-size: 16px;
    font-weight: bold;
}
.nav_outer #nav li.menu01 a {color: #A3D800;}
.nav_outer #nav li.menu02 a {font-size: 14px;color: #4CA663;}
.nav_outer #nav li.menu03 a {color: #4CACCC;}
.nav_outer #nav li.menu04 a {color: #4C4CCC;}
.nav_outer #nav li.menu05 a {color: #8C4CCC;}
.nav_outer #nav li.menu06 a {color: #CC85CC;}
.nav_outer #nav li.menu07 a {color: #FF7376;}
.nav_outer #nav li.menu08 a {color: #FFC073;}
.nav_outer #nav li.menu09 a,
.nav_outer #nav li.menu10 a,
.nav_outer #nav li.menu11 a
{
    color: #555555;
    font-size:12px;
    line-height:140%;
    padding-top:3px;
    height:34px;
}
.nav_outer #nav li.menu09 a span,
.nav_outer #nav li.menu10 a span,
.nav_outer #nav li.menu11 a span{
    display:block;
}

.nav_outer #nav li a:hover,
.nav_outer #nav li a.current {
    background: #666666;
    color: #FFF;
    font-weight: bold;
    text-decoration: none;
}
.nav_outer #nav li.menu01 a:hover,.nav_outer #nav li.menu01 a.current {border-bottom: 5px solid #A3D800;}
.nav_outer #nav li.menu02 a:hover,.nav_outer #nav li.menu02 a.current {border-bottom: 5px solid #4CA663;}
.nav_outer #nav li.menu03 a:hover,.nav_outer #nav li.menu03 a.current {border-bottom: 5px solid #4CACCC;}
.nav_outer #nav li.menu04 a:hover,.nav_outer #nav li.menu04 a.current {border-bottom: 5px solid #4C4CCC;}
.nav_outer #nav li.menu05 a:hover,.nav_outer #nav li.menu05 a.current {border-bottom: 5px solid #8C4CCC;}
.nav_outer #nav li.menu06 a:hover,.nav_outer #nav li.menu06 a.current {border-bottom: 5px solid #CC85CC;}
.nav_outer #nav li.menu07 a:hover,.nav_outer #nav li.menu07 a.current {border-bottom: 5px solid #FF7376;}
.nav_outer #nav li.menu08 a:hover,.nav_outer #nav li.menu08 a.current {border-bottom: 5px solid #FFC073;}
.nav_outer #nav li.menu09 a:hover,.nav_outer #nav li.menu09 a.current {border-bottom: 5px solid #555555;}
.nav_outer #nav li.menu10 a:hover,.nav_outer #nav li.menu10 a.current {border-bottom: 5px solid #555555;}
.nav_outer #nav li.menu11 a:hover,.nav_outer #nav li.menu11 a.current {border-bottom: 5px solid #555555;}
.nav_outer #nav li a {
    position: relative;
    z-index: 999;
}
.nav_outer #nav li a:hover,.nav_outer #nav li a.current {
    margin-bottom: -5px;
}
.nav_outer #nav li a:hover:after,
.nav_outer #nav li a.current:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-width: 10px;
    margin-left: -10px;
}
.nav_outer #nav li.menu01 a:hover:after,.nav_outer #nav li.menu01 a.current:after {
    border-color: rgba(163, 216, 0, 0);
    border-top-color: #A3D800;
}
.nav_outer #nav li.menu02 a:hover:after,.nav_outer #nav li.menu02 a.current:after {
    border-color: rgba(76, 166, 99, 0);
    border-top-color: #4CA663;
}
.nav_outer #nav li.menu03 a:hover:after,.nav_outer #nav li.menu03 a.current:after {
    border-color: rgba(76, 172, 204, 0);
    border-top-color: #4CACCC;
}
.nav_outer #nav li.menu04 a:hover:after,.nav_outer #nav li.menu04 a.current:after {
    border-color: rgba(76, 76, 204, 0);
    border-top-color: #4C4CCC;
}
.nav_outer #nav li.menu05 a:hover:after,.nav_outer #nav li.menu05 a.current:after {
    border-color: rgba(140, 76, 204, 0);
    border-top-color: #8C4CCC;
}
.nav_outer #nav li.menu06 a:hover:after,.nav_outer #nav li.menu06 a.current:after {
    border-color: rgba(204, 133, 204, 0);
    border-top-color: #CC85CC;
}
.nav_outer #nav li.menu07 a:hover:after,.nav_outer #nav li.menu07 a.current:after {
    border-color: rgba(255, 115, 118, 0);
    border-top-color: #FF7376;
}
.nav_outer #nav li.menu08 a:hover:after,.nav_outer #nav li.menu08 a.current:after {
    border-color: rgba(255, 192, 115, 0);
    border-top-color: #FFC073;
}
.nav_outer #nav li.menu09 a:hover:after,.nav_outer #nav li.menu09 a.current:after {
    border-color: rgba(85, 85, 85, 0);
    border-top-color: #555555;
}
.nav_outer #nav li.menu10 a:hover:after,.nav_outer #nav li.menu10 a.current:after {
    border-color: rgba(85, 85, 85, 0);
    border-top-color: #555555;
}
.nav_outer #nav li.menu11 a:hover:after,.nav_outer #nav li.menu11 a.current:after {
    border-color: rgba(85, 85, 85, 0);
    border-top-color: #555555;
}
@media screen and (max-width:1250px){
.nav_outer #nav li a{
    width:100px;
    font-size:14px;
}
.nav_outer #nav li:last-child{
    border-right: 2px #FFF solid;
}
}
@media screen and (max-width:1125px){
.nav_outer #nav li a{
    width:80px;
    font-size:14px;
}
}
@media screen and (max-width:903px){
.nav_outer #nav li a{
    width:70px;
    font-size:14px;
}
}
@media screen and (max-width:795px){
.nav_outer #nav li a{
    width:60px;
    font-size:14px;
}
}

@media screen and (max-width:911px){
.nav_outer #nav li.menu02 a{font-size:12px; line-height:100%;}
.nav_outer #nav li.menu02 a span{
    display:block;
    padding-top:7px;
}
}

#headerinr .subarea{
    float:right;
    padding-right:20px;
    padding-top:36px;
}
/************************* 161026 CSS 変更箇所 END ************/

#headerinr .subarea #subbox li{
    float:left;
    margin-left:5px;
}
#headerinr .subarea #subbox li a:hover img{
    opacity:0.7;
}
#headerinr .subarea #subbox li #searchBtn{
    width:42px;
}
#headerinr .subarea #subbox li a.sns{
    width:28px;
    display:block;
}
#headerinr .subarea #subbox li a.sns img{
    width:100%;
}
input.txtinput{
    border:0;
    padding:5px 16px 5px 16px;
    font-size:14px;
    font-family:Arial, sans-serif;
    color:#aaa;
    border:solid 1px #CCCCCC;
    margin:0 -5px 0 0;
    box-sizing:border-box;
    width:300px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    outline: none;
    -webkit-appearance:none;
}
input.txtinput:focus {
    border:solid 1px #3468AF;
    color:#333;
}
/** 0720 revision **/
/* ===============================================
    main
=============================================== */
/************************* 161026 CSS 変更箇所 ************/
#main{
    max-width:893px;
    margin:0 auto 0 0;
}
/************************* 161026 CSS 変更箇所 END ************/
#main ul li{
    float:left;
    position:relative;
    width:33%;
}
#main ul li:hover{
    opacity:0.8;
}
/*
#main ul li:first-child{
    margin-right:0.5%;
}
*/
#main ul li:last-child{
    float:right;
}
#main ul li a{
    display:block;
}
#main ul li img{
    max-width:100%;
}
#main ul li .title{
    display:block;
    position:absolute;
    z-index:999;
    bottom:0px;
    left:0px;
    color:#FFF;
    text-align:left;
    box-sizing:border-box;
    padding:40px 10px 10px 10px;
    line-height:140%;
    width:100%;
    background: url(../images/huawei/topslide_bg.png) bottom center repeat-x;
    background-size:contain;
    cursor:pointer;
}
/*
#main ul li .title{
    display:block;
    position:absolute;
    z-index:999;
    bottom:0px;
    left:0px;
    color:#FFF;
    text-align:left;
    box-sizing:border-box;
    padding:40px 20px 10px;
    line-height:140%;
    width:100%;
    background: -moz-linear-gradient(top,rgba(24,24,24,0),rgba(24,24,24,0.9));
    background: -o-linear-gradient(rgba(240,240,240,0),rgba(24,24,24,0.9));
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(24,24,24,0)),to(rgba(24,24,24,0.9)));
    background: linear-gradient(top,rgba(24,24,24,0),rgba(24,24,24,0.9));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#55505050', endColorstr='#ff181818', GradientType=0)";
    cursor:pointer;
}
*/
#main ul li .title h3{
    font-size:24px;
    font-weight:bold;
    border-bottom:none;
    margin:0 0 10px 10px;
    line-height:140%;
}
#main ul li:hover .title h3{
    text-decoration:underline;
}
.sp{
    display:none !important;
}
/************************* 161026 CSS 変更箇所 ************/
@media screen and (max-width:1250px){
#main{
    max-width:97.3%;
    margin:0 auto 0 0.9%;
}
}
@media screen and (max-width:1150px){
#main ul li .title h3{
    font-size:20px;
    line-height:150%;
}
}
/************************* 161026 CSS 変更箇所 END ************/
@media screen and (max-width:900px){
#main ul li .title h3{
    font-size:16px;
    line-height:150%;
}
}
/** 0720 revision END **/

/* ===============================================
    contents
=============================================== */
#container {
    max-width:1250px;
    margin:0 auto;
    overflow: hidden;
}

#leftcol {
  float: left;
  width: 100%;
  margin: 0 -340px 0 0;
  padding-top:0px;
  padding-bottom:38px;
}
/************************* 161026 CSS 変更箇所 ************/
#rightcol {
  float: right;
  width: 340px;
  /*background:#F6F6F6;*/
  padding-top:0px;
  padding-bottom: 32768px;
  margin-bottom: -32768px;
}
/************************* 161026 CSS 変更箇所 END ************/

/********************************** leftcol *********/
#leftcolinr {
  margin: 0 340px 0 0;
}
#leftcolinr h3{
    border-bottom:1px solid #CCC;
    font-size:120%;
    font-weight:bold;
    margin-bottom:20px;
    margin-left:0%;
    margin-right:2%;
}
@media screen and (max-width:1250px){
#leftcolinr h3{
    margin-left:0.9%;
}
}
@media screen and (max-width:1100px){
#leftcolinr h3{
    margin-left:1.4%;
}
}
/*
#leftcolinr h3 span{
    padding-bottom:5px;
}
*/
#leftcolinr h3 span{
    padding-bottom:1px;
}
#leftcolinr h3 span.e_choice{
    border-bottom:5px #A3D800 solid;
    font-size:21px;
}
#leftcolinr h3 span.graybdr{
    border-bottom:5px #CCC solid;
    font-size:21px;
}
#leftcolinr h3 span.graybdr02{
    border-bottom:5px #CCC solid;
    font-size:21px;
    color:#FFB56B;
}
#leftcolinr h3 span.category{
    font-size:21px;
    color:#FFB56B;
    margin-left:20px;
    font-weight:normal;
}
.grid{
    margin-left:-0.9%;
}
.item {
  width:31.2%;
  float:left;
  margin:0 0.9% 27px;
  cursor:pointer;
}
.item .data{
    padding:0 10px;
}
.item:hover img,
.item:hover ul{
    opacity:0.7;
}
.item:hover p{
    text-decoration:underline;
}
.item img{
    width:100%;
}
.item ul{
}
.item ul li,
.kijititleinr ul li,
.slide ul li{
    float:left;
    margin-right:2px;
    width:44px;
    color:#FFF;
    text-align:center;
    font-size:12px;
    padding:6px 0;
    line-height:75%;
}
.item div.date{
    font-size:12px;
    line-height:100%;
    margin:7px 0 0;
}
.item ul li.asobu,.kijititleinr ul li.asobu,.slide ul li.asobu{background:#4CA764;}
.item ul li.shigoto,.kijititleinr ul li.shigoto,.slide ul li.shigoto{background:#4CACCC;}
.item ul li.tsukau,.kijititleinr ul li.tsukau,.slide ul li.tsukau{background:#4C4CCC;}
.item ul li.toku,.kijititleinr ul li.toku,.slide ul li.toku{background:#8C4CCC;}
.item ul li.shiru,.kijititleinr ul li.shiru,.slide ul li.shiru{background:#CC85CC;}
.item ul li.huawei,.kijititleinr ul li.huawei,.slide ul li.huawei{background:#FF7376;width:100px;}
.item p{
    padding-bottom:5px;
    font-weight:bold;
    font-size:15px;
    padding-top:5px;
    line-height:140%;
}
.pager{
    text-align:center;
    margin-top:12px;
    margin-bottom:35px;
    letter-spacing: -.40em;
}
.pager li{
    display:inline-block;
    letter-spacing: normal;
    border-right:1px solid #EEEEEE;
}
.pager li.next{
    border-right:none;
}
.pager li a{
    padding:0 10px;
}
.pager li span{
    margin:0 10px;
    color:#9D9D9D;
}

.footbnr{
    margin-left:0.9%;
    margin-top:30px;
}
.footbnr li{
    margin-right:3%;
    float:left;
    width:47%;
}
.footbnr li:nth-child(2n) {
    margin-right:0;
}
.footbnr li a{
    margin:0;
    display:block;
}
.footbnr li a:hover{
    opacity:0.7;
}
.footbnr li a img{
    width:100%;
}
/******************* kiji *********/
.kijititle{
    width:100%;
    background:#EEEEEE;
}
.kijititleinr{
    /*max-width:1210px;*/
    width:96%;
    margin:0 auto;
    padding:30px 0;
}
.kijititleinr h2{
    font-size:30px;
    font-weight:bold;
    line-height:125%;
    min-height:111px;
}
.kijititleinr h2.archive{
    font-size:40px;
    line-height:180%;
    height:180px;
}
.kijititleinr img.titlepic{
    float:left;
    width:240px;
}
.kijititleinr .titleright{
    min-height:160px;
    position:relative;
    float: right;
    width: 100%;
    margin: 0 0 0 -240px;
}
.kijititleinr .titlerightinr {
    margin: 0 0 0 255px;
}
/**** leftcol kijititle *********/
#leftcolinr .kijititle{
    margin:0px 0% 30px 0%;
    width:98%;
}
#leftcolinr .kijititleinr{
    max-width:auto;
    margin-left:20px;
}
.kijititleinr h2.archive{
    line-height:120%;
    height:160px;
    display:table-cell;
    vertical-align:middle;
}
/** 0720 revision **/
#leftcolinr .terminaltitle{
    margin:-25px 0% 30px 0%;
    background:none;
}
@media screen and (max-width:1250px){
#leftcolinr .terminaltitle{
    margin:-25px 0% 30px 0.9%;
}
}
@media screen and (max-width:1100px){
#leftcolinr .terminaltitle{
    margin:-25px 0% 30px 1.4%;
}
}
#leftcolinr .terminaltitle .kijititleinr{
    width:100%;
    margin:0 auto;
    padding:0px 0;
    max-width:auto;
    margin-left:0px;
}
#leftcolinr .terminaltitle img{
    max-width:100%;
}
#leftcolinr .terminaltitle img.sp{
    display:none;
}
#leftcolinr .terminaltitle  h2.archive{
    line-height:100%;
    height:auto;
    display:table-cell;
    vertical-align:middle;
}
/** 0720 revision END **/

#leftcolinr .simfreetitle{
    background:none;
}
#leftcolinr .simfreetitle .kijititleinr{
    margin-left:0;
    padding:0;
    width:100%;
}
#leftcolinr .simfreetitle .kijititleinr .maintitle{
    width:100%;
}
#leftcolinr .simfreetitle .kijititleinr .titlepic01{
    float:left;
    margin-top:38px;
    width:48.5%;
}
#leftcolinr .simfreetitle .kijititleinr .titlepic02{
    float:right;
    margin-top:38px;
    width:48.5%;
}


/** 0902 revision **/
/*
#leftcolinr .simfreetitle .simfreewhat{
    margin-top: 20px;
}
#leftcolinr .simfreetitle .simfreewhat ul{
    width:48.5%;
    float:left;
}
#leftcolinr .simfreetitle .simfreewhat ul+ul{
    width:48.5%;
    float:right;
}
#leftcolinr .simfreetitle .simfreewhat ul li{
    margin-bottom: 10px;
    border: 2px solid #00113f;
}
#leftcolinr .simfreetitle .simfreewhat ul li a{
    background: #00113f url(../images/huawei/simfree_what_bg.png) right top no-repeat;
    background-size: auto 100%;
    display: block;
    color: #fff;
}
#leftcolinr .simfreetitle .simfreewhat ul li a:hover{
    background: #ddd url(../images/huawei/simfree_what_bg_o.png) right top no-repeat;
    background-size: auto 100%;
    color: #00113f;
}
#leftcolinr .simfreetitle .simfreewhat ul li a span{
    height: 56px;
    line-height: 56px;
    padding-left: 80px;
    display: block;
}
@media screen and (max-width:1195px){
#leftcolinr .simfreetitle .simfreewhat ul li a span{
    height: 49px;
    line-height:120%;
    padding-left: 70px;
    padding-top:7px;
    display: block;
}
}
*/


/*
#leftcolinr .simfreetitle .simfreewhat ul li a span.what01{ background: url(../images/huawei/simfree_what_icon01.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a span.what02{ background: url(../images/huawei/simfree_what_icon02.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a span.what03{ background: url(../images/huawei/simfree_what_icon03.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a span.what04{ background: url(../images/huawei/simfree_what_icon04.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a span.what05{ background: url(../images/huawei/simfree_what_icon05.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a span.what06{ background: url(../images/huawei/simfree_what_icon06.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a span.what07{ background: url(../images/huawei/simfree_what_icon07.png) no-repeat; background-size: auto 100%; }

#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what01{ background: url(../images/huawei/simfree_what_icon01_o.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what02{ background: url(../images/huawei/simfree_what_icon02_o.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what03{ background: url(../images/huawei/simfree_what_icon03_o.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what04{ background: url(../images/huawei/simfree_what_icon04_o.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what05{ background: url(../images/huawei/simfree_what_icon05_o.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what06{ background: url(../images/huawei/simfree_what_icon06_o.png) no-repeat; background-size: auto 100%; }
#leftcolinr .simfreetitle .simfreewhat ul li a:hover span.what07{ background: url(../images/huawei/simfree_what_icon07_o.png) no-repeat; background-size: auto 100%; }
*/
/** 0902 revision END **/


/** 1208 revision **/
#leftcolinr .simfreetitle a:hover{
    opacity: 0.7;
}
#leftcolinr .simfreetitle .simfreewhat{
    margin-top: 20px;
}
#leftcolinr .simfreetitle .simfreewhat img#simfree_head{
    margin: 20px auto 20px auto;
    width: 100%;
}
#leftcolinr .simfreetitle .simfreewhat ul{
    width:100%;
    float:left;
}
#leftcolinr .simfreetitle .simfreewhat ul li{
    margin-bottom: 15px;
}
#leftcolinr .simfreetitle .simfreewhat ul li img{
    width: 100%;
}

/** 1208 revision END **/


/**** leftcol kijititle END*********/

.search h2{
    font-size:30px;
    height: auto;
    min-height:inherit;
}
.search .titleright{
    height:auto;
    margin: 0 0 0 0px;
    float:none;
    min-height:inherit;
}
.search .titlerightinr {
    margin: 0 auto;
    max-width:1250px;
    box-sizing:border-box;
    padding:0 0.5%;
    text-align:left;
}
.kijititleinr .titleright ul{
    margin-top:5px;
}
.kijititleinr .titleright .date{
    margin-top:3px;
}

/******************* kiji RULES *********/
.kiji{
    padding:0 4%;
}
#leftcolinr .kiji h3 {
    border-bottom: 1px solid #CCC;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 20px;
    margin-left: 0%;
    margin-right: 2.9%;
}
.kiji h4.mds{
    font-weight:bold;
    margin-bottom:50px;
    font-size:100%;
}
.kiji h4{
    font-weight:bold;
    margin-bottom:50px;
    font-size:21px;
}
.kiji img.center{
    width:70%;
    display:block;
    margin:25px auto;
}
.kiji iframe{
    width:70%;
    display:block;
    margin:0 auto;
}
.kiji p.caption{
    width:70%;
    margin:-10px auto 25px;
    font-size:14px;
    color:#999999;
    line-height:140%;
}
.kiji p{
    margin:20px 0 50px;
    padding-left:20px;
}
.kiji .bold{
    font-weight:bold;
}
.kiji .red{
    color:#E12629;
}
.kiji .underline{
    text-decoration:underline;
}
.kiji .txtcenter{
    text-align:center;
}
.kiji ul{
    margin: 25px 0;
    padding-left: 40px;
}
.kiji ul li{
    list-style-type: disc;
}
.kiji ul.number li{
    list-style-type: decimal;
}
.kiji a{
    color:#146CC0;
    text-decoration:underline;
}
.kiji .minitxt{ font-size:80%;}
.kiji .mgt10{ margin-top:10px !important;}
.kiji .mgt20{ margin-top:20px !important;}
.kiji .mgt30{ margin-top:30px !important;}
.kiji .mgt40{ margin-top:40px !important;}
.kiji .mgt50{ margin-top:50px !important;}
.kiji .mgb10{ margin-bottom:10px !important;}
.kiji .mgb20{ margin-bottom:20px !important;}
.kiji .mgb30{ margin-bottom:30px !important;}
.kiji .mgb40{ margin-bottom:40px !important;}
.kiji .mgb50{ margin-bottom:50px !important;}
/******************* kiji RULES END *********/

.footsns{
    text-align:center;
}
.footsns h5{
    display:inline-block;
    letter-spacing: normal;
    line-height:48px;
    vertical-align:top;
    font-weight:bold;
    font-size:21px;
    margin:0 9px;
}
.footsns ul{
    letter-spacing: -.40em;
    display:inline-block;
    margin: 0px 0;
    padding-left: 0px;
}
.footsns ul li{
    display:inline-block;
    letter-spacing: normal;
    margin:0 9px;
    width:49px;
}
.footsns ul li img{
    width:100%;
}
.footsns ul li a:hover{
    opacity:0.7;
}

.linkarea{
    border-top:#EEEEEE solid 1px;
    padding:50px 0 0 0;
    margin:50px 2.9% 0 0.9%;
}
#leftcolinr .linkarea h3{
    border-bottom:none;
    font-size:21px;
    font-weight:bold;
    margin-bottom:3px;
    margin-left:0.9%;
    margin-right:2.9%;
}
.linkarea ul.connection{
}
.linkarea ul.connection{
    padding:5px 0 15px;
}
.linkarea ul.connection li{
    cursor:pointer;
    float:left;
    width:31%;
    margin:0 1% 15px;
}
.linkarea ul.connection li:hover .thumb{
    opacity:0.7;
}
.linkarea ul.connection li:hover p{
    text-decoration:underline;
}
.linkarea ul.connection li .thumb{
    width:43%;
    float:left;
    position:relative;
}
.linkarea ul.connection li .thumb img{
    width:100%;
}
.linkarea ul.connection li p{
    width:53%;
    float:left;
    font-size:14px;
    line-height:140%;
    padding-left:4%;
    margin-bottom:0;
}
.linkarea .outside{
    margin:20px 0 30px;
}
.linkarea .outside h3{
    float:left;
    width:5em;
    line-height:130%;
}
.linkarea .outside ul{
    overflow:auto; zoom:1;
    font-size:16px;
}
/******************* kiji END *********/

/************************* 161026 CSS 変更箇所（追加） ************/
.product{
    width:98%;
    background:#DDDDDD;
    padding:33px 0 70px;
}
.product ul{
    padding:0 22px 0 15px;
}
.product ul li{
    float:left;
    text-align:center;
}
.product ul li.prod01{
    width:20%;
}
.product ul li.prod02{
    width:20%;
}
.product ul li.prod03{
    width:20%;
}
.product ul li.prod04{
    width:20%;
}
.product ul li.prod05{
    width:20%;
}
.product ul li img{
    width: 100%;
}
.product ul li > img {
    margin-bottom: 20px;
    width: 100%
}
.product ul li a{
    display:block;
    margin-bottom:2px;
}
.product ul li a img{
    max-width:125px;
    width: 90%;
}
.product ul li a:hover img{
    opacity:0.7;
}
@media screen and (max-width:1250px){
.product{
    margin-left:0.9%;
    overflow:hidden;
    margin-top:30px;
}
}
@media screen and (max-width:950px){
.product ul li.prod01{
    width:50%;
}
.product ul li.prod02{
    width:50%;
}
.product ul li.prod03{
    clear:both;
    width:50%;
}
.product ul li.prod04{
    width:50%;
}
.product ul li.prod05{
    clear: both;
    float: none;
    width: 50%;
}
}
/************************* 161026 CSS 変更箇所（追加）END ************/

/********************************** leftcol END *********/







/********************************** rightcol *********/

/************************* 161026 CSS 変更箇所（追加） ************/
#rightcol .topbnr01 li a{
    display:block;
    width:100%;
    height:auto;
    margin-bottom:12.5px;
}
#rightcol .topbnr01 li a img{
    width:100%;
}
#rightcol .topbnr01 li:last-child a{
    margin-bottom:60px;
}
#rightcol .topbnr01 li a:hover{
    opacity:0.7;
}
@media screen and (max-width:1250px){
#rightcol .topbnr01{
    padding-right:2.4%;
}
}
/************************* 161026 CSS 変更箇所（追加）END ************/

#rightcolinr{
    width:300px;
    margin:0 auto;
    padding:0px 20px 50px 20px;
    /*background:#DDDDDD;*/
}
/************************* 161026 CSS 変更箇所（追加） ************/
@media screen and (max-width:1250px){
#rightcolinr{
    width:304px;
    margin:0;
    padding:0px 10px 50px 16px;
}
}
/************************* 161026 CSS 変更箇所（追加）END ************/
#rightcolinr .movie{
    margin-bottom:30px;
}
#rightcolinr .movie iframe{
    width:100%;
    height:166px;
}
#rightcolinr .movie a:hover{
    opacity:0.7;
}
#rightcolinr h3{
    border-bottom:1px solid #CCC;
    font-size:21px;
    font-weight:bold;
    line-height:100%;
    padding-bottom:5px;
}
/*
#rightcolinr h3 span{
    padding-bottom:5px;
}
*/
#rightcolinr h3 span{
    padding-bottom:0px;
}
#rightcolinr h3.ranking span{
    border-bottom:5px #FFBE00 solid;
}
#rightcolinr h3.e_choice{
    margin-top:10px;
}
#rightcolinr h3.e_choice span{
    border-bottom:5px #A3D800 solid;
}
#rightcolinr h3 span.keyword{
    border-bottom:5px #4CACCC solid;
}
#rightcolinr ul.ranking,
#rightcolinr ul.e_choice{
    padding:5px 0 15px;
}
#rightcolinr ul.ranking li,
#rightcolinr ul.e_choice li{
    margin-top:20px;
    cursor:pointer;
}
#rightcolinr ul.ranking li:hover .thumb,
#rightcolinr ul.e_choice li:hover .thumb{
    opacity:0.7;
}
#rightcolinr ul.ranking li:hover p,
#rightcolinr ul.e_choice li:hover p{
    text-decoration:underline;
}
#rightcolinr ul.ranking li .thumb,
#rightcolinr ul.e_choice li .thumb{
    width:120px;
    float:left;
    position:relative;
}
#rightcolinr ul.ranking li .thumb img,
#rightcolinr ul.e_choice li .thumb img{
    width:100%;
}
#rightcolinr ul.ranking li .thumb .rank{
    position:absolute;
    bottom:0;
    left:0;
    width:auto;
}
#rightcolinr ul.ranking li p,
#rightcolinr ul.e_choice li p{
    width:160px;
    float:left;
    font-size:14px;
    line-height:140%;
    padding-left:15px;
}
/************************* 161026 CSS 変更箇所（追加） ************/
#rightcolinr h3.topics span{
    border-bottom:5px #FFBE00 solid;
    letter-spacing:2px;
}
#rightcolinr ul.topics{
    padding:5px 0 30px;
}
#rightcolinr ul.topics li{
    margin-top:20px;
    cursor:pointer;
}
#rightcolinr ul.topics li:hover .thumb{
    opacity:0.7;
}
#rightcolinr ul.topics li:hover p{
    text-decoration:underline;
}
#rightcolinr ul.topics li .thumb{
    width:120px;
    float:left;
    position:relative;
}
#rightcolinr ul.topics li .thumb img{
    width:100%;
}
#rightcolinr ul.topics li p{
    width:160px;
    float:left;
    font-size:15px;
    line-height:140%;
    padding-left:15px;
    padding-top:15px;
    font-weight:bold;
}
/************************* 161026 CSS 変更箇所（追加）END ************/




#rightcolinr .bnr{
    width:300px;
}
#rightcolinr .bnr img{
    width:100%;
}
#rightcolinr .bnr a:hover{
    opacity:0.7;
}
#rightcolinr .bnr01{
    padding:0px 0 10px;/******* 161026 修正 ****/
}
#rightcolinr .bnr02{
    margin:15px 0 10px;
    border:#CCCCCC 1px solid;
    box-sizing:border-box;
    background:#FFF;
}
#rightcolinr .bnr02 ul{
}
#rightcolinr .bnr02 ul li{
    float:left;
    width:33.3%;
}
#rightcolinr .bnr02 img{
    width:100%;
}
#rightcolinr .bnr03{
    padding:10px 0;
}
#rightcolinr .bnr04{
    padding:10px 0 20px;
}
#rightcolinr ul.keyword{
    padding:25px 0 25px 0;
}
#rightcolinr ul.keyword li{
    float:left;
    margin-bottom:10px;
    margin-right:10px;
}
#rightcolinr ul.keyword li a{
    display:block;
    border:1px solid #4CACCC;
    padding:4px 6px;
    line-height:100%;
    font-size:15px;
}
#rightcolinr ul.keyword li a:hover{
    background:#FFF;
    text-decoration:none;
    font-weight:bold;
}
#rightcolinr .txtlink{
    display:block;
    margin:25px 0 10px;
}
/********************************** rightcol END *********/

#footer{
    width:100%;
    background:#EEEEEE;
    text-align:center;
    padding:25px 0 ;
}
#footer ul li{
    display:inline-block;
    margin:0 10px;
    font-size:15px;
}
#footer #copy{
    font-size:12px;
    padding-top:10px;
}
#page-top {
    position: fixed;
    bottom: 0px;
    right: 40px;
    z-index: 999;
    width:70px;
}
#page-top img{
    width:100%;
}

@media screen and (max-width:1250px){
#page-top {
    position: fixed;
    bottom: 0px;
    right: 20px;
    z-index: 999;
}
.search .titlerightinr {
    padding:0;
}
.grid{
    margin-left:0%;
}
}
@media screen and (max-width:1200px){
#container {
}
.kijititleinr{
    width:98%;
}
#leftcolinr .kijititleinr{
    width:94%;
}
.kijititleinr h2{
    font-size:26px;
}

/******************* kiji_foot_link **/
.linkarea ul.connection{
    padding:5px 0 15px 0.9%;
}
.linkarea ul.connection li{
    float:none;/**/
    width:100%;/**/
    margin:0 0 10px 0;/**/
}
.linkarea ul.connection li .thumb{
    width:15%;
}
.linkarea ul.connection li p{
    width:83%;
    padding-left:2%;
    margin-bottom:0;
}
.linkarea ul.connection li p span.hide{
    display: inline !important;
}
.linkarea ul.connection li p span.omit{
    display: none !important;
}
/******************* kiji_foot_link END **/
}

@media screen and (max-width:1100px){
.item {
  width:47%;
  margin:0 1.4% 25px;
}
.kiji img.center{
    width:90%;
}
.kiji iframe{
    width:90%;
}
.kiji p.caption{
    width:88%;
}
}

@media screen and (max-width:1030px){
input.txtinput{
    width:150px;
}
}

@media screen and (max-width:950px){
.item {
  width:96%;
  margin:0 2% 25px;
}
.kijititleinr h2{
    font-size:22px;
    min-height:85px;
}
.kijititleinr img.titlepic{
    width:200px;
}
.kijititleinr .titleright{
    min-height:160px;
    margin: 0 0 0 -200px;
}
.kijititleinr .titlerightinr {
    margin: 0 0 0 215px;
}
.search h2{
    font-size:22px;
    height: auto;
    min-height:inherit;
}
.search .titleright{
    height:auto;
    margin: 0 0 0 0px;
    float:none;
    min-height:inherit;
}
.search .titlerightinr{
    text-align:left;
    margin:0 auto;
    padding:0;
}
}

@media screen and (max-width:911px){
#headerinr h2{
    font-size:13px;
}
#headerinr #nav li a{
    width:80px;
    font-size:14px;
}
#headerinr #nav li.menu07 a{font-size:12px; line-height:100%;}
#headerinr #nav li.menu07 a span{
    display:block;
    padding-top:7px;
}
.kiji img.center{
    width:98%;
}
.kiji iframe{
    width:98%;
}
.kiji p.caption{
    width:96%;
}
.bx-wrapper .bx-prev {left: 650px;}
.bx-wrapper .bx-next {right: 650px;}
}

@media screen and (max-width:850px){
.kijititleinr h2{
    font-size:18px;
    min-height:85px;
}
.kijititleinr img.titlepic{
    width:150px;
}
.kijititleinr .titleright{
    min-height:160px;
    margin: 0 0 0 -150px;
}
.kijititleinr .titlerightinr {
    margin: 0 0 0 165px;
}
.search h2{
    font-size:22px;
    height: auto;
    min-height:inherit;
}
.search .titleright{
    height:auto;
    margin: 0 0 0 0px;
    float:none;
    min-height:inherit;
}
.search .titlerightinr{
    text-align:left;
    margin:0 auto;
    padding:0;
}
}


@media screen and (max-width:820px){
/************************* 161026 CSS 変更箇所 ************/
#headerinr h1{
    float:left;
    margin-left:15px;
    margin-right:0;
    padding-bottom:20px;
    margin-top:-10px;
    height:55px;
}
#headerinr h2{
    position:absolute;
    bottom:25px;
    left:15px;
    line-height:100%;
}
#headerinr .subarea {
    padding-top: 37px;
}
/************************* 161026 CSS 変更箇所 END ************/
.bx-wrapper .bx-prev {left: 670px;}
.bx-wrapper .bx-next {right: 670px;}
}