@charset "shift_jis";
@import "rmenu2.css";
body {
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}


/***********************************************************
*
*   outline style
*
*   Index
*
*   1. wrapper style
*   2. header style
*       2-1. top
*       2-2. specialMenu
*       2-3. navi
*       2-4. search
*       2-5. pmc
*   3. main style
*       3-1. content
*       3-2. sidebar
*   4. footer style
*   5. Common style
*       5-1. clearfix
*       5-2. categoryHead
*       5-3. pageselect
*   6. adjust for IE
*   7. for print
*   8. for mobile
*
***********************************************************/


/*=========================================================
 1. wrapper style
=========================================================*/

div#wrapper {
    min-width: 1000px;
    width: 100%;
    position: relative;
    overflow: hidden;
}


/*=========================================================
 2. header style
=========================================================*/

div#header {}

div#header a img {
    border: none;
}

div#header a:hover img.hoverFade,
div#header a:active img.hoverFade {
    opacity: 0.6;
}

div#header h1,
div#header h2,
div#header ul,
div#header li,
div#header p {
    margin: 0;
    padding: 0;
    list-style: none;
}

div#header div#headerContents {
    height: 95px;
    width: 970px;
    margin: 0 auto;
    position: relative;
}

div#header div#headerContents span.logo,
div#header div#headerContents h1.logo {
    position: absolute;
    top: 10px;
    left: 0;
    display: block;
}

div#header div#headerContents h1.logo {
    width: 230px;
}

div#header div#headerContents h1.logo img {
    width: 100%;
}

div#header ul.socialLinks li {
    float: left;
}

div#header ul.socialLinks {
    position: absolute;
    right: 263px;
    top: 16px;
}

div#header ul.socialLinks li {
    padding: 0 10px 0 0;
}


/* 2-4. search
-----------------------*/

div#header div#headerContents div#search {}

div#header div#headerContents div#search select {
    margin: 3px 10px 0 0;
    font-size: 13px;
    position: absolute;
    top: 10px;
    left: 640px;
}

div#header div#headerContents input#inputBox {
    /*  background: url(/image/common/header/search/search_bg.jpg) no-repeat top left;*/
    display: block;
    width: 136px;
    /*  border: none;*/
    height: 28px;
    padding: 0 5px;
    font-size: 13px;
    position: absolute;
    top: 15px;
    right: 0;
}

div#header div#headerContents input#searchSubmit {
    position: absolute;
    top: 17px;
    right: 160px;
}

div#header div#headerContents input#searchSubmit:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: ?galpha( opacity=80)?h;
}


/* 2-1.Header (div#header) > ul#brandList
-----------------------------------*/

div#headNavi {
    background: #00468c;
}

div#header ul#brandList,
div#header ul#brandList2 {
    width: 990px;
    margin: 0 auto;
    background: #00468c;
    padding: 2px 5px;
    position: relative;
}

div#header ul#brandList {
    border-bottom: 1px solid #004fc7;
}

div#header ul#brandList li,
div#header ul#brandList2 li {
    list-style: none;
    float: left;
    text-align: center;
    /*font-size: 11px;
    width: 90px;*/
	font-size: 10.5px;
	width: 82px;
    height: 34px;
}

div#header ul#brandList li a,
div#header ul#brandList2 li a {
    display: block;
    position: relative;
    color: #FFF;
    width: 90px;
    height: 24px;
    padding: 5px 0px;
    letter-spacing: 1px;
}

div#header ul#brandList li a:hover,
div#header ul#brandList2 li a:hover {
    text-decoration: none;
}


/* ---???≪?o?μ--- */

div#header ul#brandList li > div,
div#header ul#brandList2 li > div {
    z-index: 10;
    display: table;
    width: 100px;
    height: 24px;
    position: absolute;
    margin-left: -5px;
    padding: 5px 0px;
    visibility: hidden;
    opacity: 0;
    background: #ffffff;
    font-size: 10px;
    line-height: 1.2;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

div#header ul#brandList li > div span,
div#header ul#brandList2 li > div span {
    display: table-cell;
    vertical-align: middle;
}

div#header ul#brandList li > div:after,
div#header ul#brandList2 li > div:after {}

div#header ul#brandList li:hover > div,
div#header ul#brandList2 li:hover > div {
    visibility: visible;
    opacity: 1;
}


/* ---???≪?o?μ?I?\?|?E’u--- */

div#header ul#brandList li > div {
    top: 35px;
}

div#header ul#brandList li > div:after {
    border: 5px solid transparent;
    border-bottom-color: #fff;
    border-top-width: 0;
    content: "";
    position: absolute;
    width: 0;
    display: block;
    left: 45px;
    top: -5px;
}

div#header ul#brandList li:hover > div {
    top: 35px;
}

div#header ul#brandList2 li > div {
    top: -30px;
}

div#header ul#brandList2 li > div:after {
    border: 5px solid transparent;
    border-top-color: #fff;
    border-bottom-width: 0;
    content: "";
    display: block;
    position: absolute;
    width: 0;
    left: 45px;
    bottom: -5px;
}

div#header ul#brandList2 li:hover > div {
    top: -30px;
}

li.txt-space-none a {
    letter-spacing: 0px !important;
}

li.txt-space-w2 a {
    letter-spacing: 2px !important;
}


/* 2-3. categoryList
-----------------------------------*/

div#header ul.categoryList {
    position: absolute;
    top: 62px;
    left: 0px;
}

div#header ul.categoryList > li {
    float: left;
    padding: 0 4px 0 0;
    font-size: 15px;
}

div#header ul.categoryList > li > a {
    text-decoration: none;
    display: block;
    width: 140px;
    text-align: center;
    background: #999;
    color: #fff;
    height: 32px;
    line-height: 32px;
    letter-spacing: 1px;
}

div#header ul.categoryList > li > a:hover {
    background: #858585;
}

div#header ul.categoryList > li.audio span {
    color: #FDBD03;
    display: inline-block;
    padding-left: 3px;
    font-size: 21px;
    position: absolute;
    top: -1px;
}

div#header ul.categoryList > li.hires {
    position: relative;
}

div#header ul.categoryList > li.hires span {
    position: absolute;
    font-size: 10px;
    left: 32px;
    top: 13px;
}

div#header ul.categoryList > li.hires > a {
    background: #B08502;
    line-height: 22px;
}

div#header ul.categoryList > li.hires > a:hover {
    background: #9F7801;
}

div#header ul.categoryList > li.hires div#header ul.categoryList > li.community > a {
    background: #fff;
    color: #666;
}


/* 2-2. gnavi
-----------------------*/

div#gnavi {
    width: 970px;
    height: 39px;
    position: relative;
    margin: 0 auto;
}

ul#navigationMain {
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    list-style: none;
    z-index: 1;
    background: #F0F0E1;
}

ul#navigationMain > li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
    letter-spacing: 1px;
}

ul#navigationMain > li > a {
    display: block;
    text-align: center;
    text-decoration: none;
    float: left;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 15px;
    vertical-align: text-bottom;
    z-index: 1;
    color: #666;
}

ul#navigationMain > li > a:hover {
    background-color: #E9E9D1;
}

ul#navigationMain a.gnavi01 {
    width: 98px;
}

ul#navigationMain a.gnavi02 {
    width: 83px;
}

ul#navigationMain a.gnavi03 {
    width: 71px;
}

ul#navigationMain a.gnavi04 {
    width: 123px;
}

ul#navigationMain a.gnavi05 {
    width: 119px;
}

ul#navigationMain a.gnavi06 {
    width: 92px;
}

ul#navigationMain a.gnavi07 {
    width: 95px;
}

ul#navigationMain a.gnavi08 {
    width: 61px;
}

ul#navigationMain a.gnavi09 {
    width: 95px;
}

ul#navigationMain a.gnavi10 {
    width: 79px;
}

ul#navigationMain li .sub {
    position: absolute;
    top: 28px;
    left: 0;
    min-width: 250px;
    background: #f7f7f7;
    margin-left: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    behavior: url(/css/border-radius.htc);
    padding: 10px 5px;
    float: left;
    display: none;
    z-index: 400;
    border: 1px solid #C8C8C9;
    box-shadow: 0px 0px 4px 2px #dddddd;
    -moz-box-shadow: 0px 0px 4px 2px #dddddd;
    -webkit-box-shadow: 0px 0px 4px 2px #dddddd;
}

ul#navigationMain li:hover .sub {
    display: block;
}

ul#navigationMain li .sub ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#navigationMain .sub ul li {
    width: 120px;
    display: inline;
    float: left;
}

ul#navigationMain .sub ul li a {
    text-indent: 0;
    height: auto;
    padding: 2px 0 1px 18px;
    text-decoration: none;
    display: block;
    color: #333333;
    font-size: 11px;
    background: white;
    line-height: 1.5;
    background: url(/image/common/header/list_square.png) no-repeat 8px 7px;
}

ul#navigationMain .sub ul li a:hover {
    /*background: #48accc;*/
    color: #999999;
}

ul#navigationMain div#gnavi01sub {
    width: 280px;
}

ul#navigationMain div#gnavi01sub li {
    width: 140px;
}

ul#navigationMain div#gnavi02sub {
    width: 380px;
}

ul#navigationMain div#gnavi02sub li {
    width: 190px;
}

ul#navigationMain div#gnavi03sub {
    width: 420px;
}

ul#navigationMain div#gnavi03sub li {
    width: 210px;
}

ul#navigationMain div#gnavi05sub {
    width: 380px;
}

ul#navigationMain div#gnavi05sub li {
    width: 190px;
}

ul#navigationMain div#gnavi08sub {
    width: 310px;
    left: -36px;
}

ul#navigationMain div#gnavi08sub li {
    width: 150px;
}

ul#navigationMain div#gnavi10sub {
    position: absolute;
    left: -180px;
}


/* 2-6. Communty Button
-----------------------------------*/

#headerContents a.communty {
    text-decoration: none;
    font-size: 15px;
    display: block;
    position: absolute;
    top: 64px;
    right: 6px;
}

#headerContents a.communty:hover {
    color: #999;
}


/* 2-5. topBanner (div#topBanner)
-----------------------------------*/

div#topBanner {
    margin: 10px 0 20px;
    text-align: center;
}

div#topBanner span {
    display: block;
    text-align: center;
}


/* 2-5. pmc
-----------------------*/

div#header div#pmcMenu {
    clear: both;
    height: 40px;
    background: url("/image/common/header/pmc/bg.gif") repeat-x;
}

div#header div#pmcMenu h2,
div#header div#pmcMenu li {
    float: left;
    margin-right: 3px;
}

div#header div#pmcMenu li {
    padding-top: 4px;
}

div#header div#pmcMenu li#pmcLogout {
    padding: 8px 0 7px 20px;
    margin-left: 20px;
    background: url("/image/common/header/pmc/bg_line.gif") no-repeat;
}


/* 4.topicsList (div#topicsList)
-----------------------------------*/

div#topicsList {
    background: #F5F5F5 url(/image/common/header/topics.png) no-repeat top left;
    width: 960px;
    margin: 0 auto;
    height: 22px;
    position: relative;
}

div#topicsList ul {
    margin: 0 0 0 120px;
    background-color: #F5F5F5;
    height: 22px;
    width: 710px;
    float: left;
}

div#topicsList ul li {
    float: left;
    padding: 2px 10px 0 0;
    font-size: 12px;
}

div#topicsList ul li img {
    display: none;
}

div#topicsList a.sns {
    float: left;
    width: 16px;
    height: 16px;
    display: block;
    overflow: hidden;
    text-indent: -1000px;
    background-image: url(/image/common/header/icons.png);
    margin: 3px;
}

div#topicsList a.mail {
    background-position: 0 16px;
    position: absolute;
    top: 0px;
    right: 2px;
}

div#topicsList a.fb {
    background-position: 0 32px;
    position: absolute;
    top: 0px;
    right: 62px;
}

div#topicsList a.tw {
    background-position: 0 0px;
    position: absolute;
    top: 0px;
    right: 42px;
}

div#topicsList a.rss {
    background-position: 0 48px;
    position: absolute;
    top: 0px;
    right: 22px;
}


/* 5.topBanner (div#topBanner)
-----------------------------------*/

div#topBanner {
    padding: 10px 0 5px 0;
    margin: 0 auto;
    text-align: center;
    width: 970px;
}

div#topBanner span {
    display: block;
    text-align: center;
}


/*=========================================================
 3. main style
=========================================================*/

div#main {
    clear: both;
    width: 960px;
    margin: 5px auto;
}


/* 3-1. content
-----------------------*/

div#contentWrap {
    float: left;
    width: 100%;
    margin-right: -300px;
    margin-bottom: 30px;
}

div#contentWrap div#content {
    margin-right: 300px;
    margin-bottom: 20px;
    padding: 1px 8px 0 0;
    width: 640px;
}


/* 3-2. sidebar
-----------------------*/

div#sidebar {
    float: right;
    width: 300px;
    margin: 0;
    padding: 0;
}

div#sidebar div.rmenu {
    margin-bottom: 10px;
    font-size: 94%;
}

div#sidebar div.rmenu h3 {
    border-top: none;
    border-bottom: solid 2px #cccccc;
    color: #002B6E;
    font-size: 100%;
    margin: 0 0 10px;
    padding: 4px 2px 0;
}

div#sidebar div.rmenu h3 a {
    color: #002B6E;
}

div#sidebar div.rmenu h3 a:hover {
    color: #002B6E;
}

div#sidebar div.rmenu h3.side_title {
    border-top: none;
    border-bottom: solid 2px #cccccc;
    color: #002B6E;
    font-size: 100%;
    margin: 0 0 10px;
    padding: 4px 2px 0;
}

div#sidebar div.rmenu h3.side_title a {
    color: #002B6E;
}

div#sidebar div.rmenu h3.side_title a:hover {
    color: #002B6E;
}


/*=========================================================
 4. footer style
=========================================================*/

div#newsArticle {
    width: 980px;
    margin: 40px auto 0;
    font-size: 13px;
}

div#newsArticle h2 {
    background-color: #F4F4F4;
    border-top: 3px solid #999999;
    font-size: 107%;
    padding: 8px 10px;
}

div#newsArticle div.newArticleWrapper {
    margin: 0 0 20px;
}

div#newsArticle div.newArticleWrapper div.newArticleBox {
    float: left;
    margin: 0 10px 0 0;
    width: 470px;
}

div#newsArticle div.newArticleWrapper div.newArticleBox h3 {
    border-bottom: 2px solid #CCCCCC;
    font-size: 107%;
    padding: 6px 10px;
}

div#newsArticle div.newArticleWrapper div.newArticleBox dl {
    margin: 0;
    padding: 0;
}

div#newsArticle div.newArticleWrapper div.newArticleBox dl dd {
    border-bottom: 1px dotted #cccccc;
    margin: 0 0 10px;
    padding: 0 0 10px 10px;
}


/* 4-1. magazine
-----------------------*/

div#footerMagazine {
    width: 970px;
    margin: 40px auto 30px;
    background-color: #F5F5F5;
    padding: 10px 0 24px;
    font-size: 13px;
}

div#footerMagazine h3 {
    background-color: #DDDDDD;
    padding: 4px 10px;
    font-size: 16px;
    margin: 0 10px;
}

div#footerMagazine .magazineBox {
    float: left;
    width: 210px;
    padding: 15px;
}

div#footerMagazine .magazineBox span {
    float: left;
    display: block;
}

div#footerMagazine .magazineBox dl {
    _float: right;
    margin: 0 0 0 110px;
    _padding: 0;
}

div#footerMagazine .magazineBox dl dd {
    padding: 0 0 0 5px;
}

div#footerMagazine .magazineBox dl dd a {
    color: #555555;
}

div#footerMagazine .magazineBox dl dd a:hover {
    color: #000000;
    text-decoration: underline;
}


/*=========================================================
20160310’C‰A
=========================================================*/

div#footerMagazine .magazineBox dl dd.teiki a {
    background-color: #003366;
    color: #ffffff;
    width: 70px;
    padding: 4px;
    font-size: 90%;
}

div#footerMagazine .magazineBox dl dd.teiki a:hover {
    color: #ffffff;
    text-decoration: underline;
}


/*=========================================================
20160310’C‰A?±?±?U?A
=========================================================*/

div#footerMagazine .magazineWrapper {
    margin: 0 0 10px;
}

div#footerMagazine dl.magazineInfo {
    display: block;
    margin-left: 110px;
}

div#footerMagazine .dottedB {
    border-bottom: 1px dotted #CCCCCC;
}

.sitemap_sociallink_wrap {
    position: relative;
    margin: 0 0 10px;
    height: 30px;
}

.sitemap_sociallink_wrap .sitemap_sociallink {
    position: absolute;
    top: 0;
    right: 20px;
}

.sitemap_sociallink_wrap .sitemap_sociallink ul li {
    float: left;
    padding: 0 10px 0 0;
}


/* 4-2. sitemap
-----------------------*/

p.go_top {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    width: 970px;
}

p.go_top a {
    display: block;
    text-align: right;
}

div#sitemapWrapper {
    color: #000000;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 10px 0;
    margin: 20px 0;
    clear: both;
    font-size: 13px;
}

div#sitemapBlock {
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    width: 970px;
    background-color: #EFEFEF;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}


/*
div#sitemapBlock div.leftBox{
    width:700px;
    float:left;
}
div#sitemapBlock div.rightBox{
    width:270px;
    float:left;
}
*/

div#sitemapBlock dl a {
    color: #000000;
}

div#sitemapBlock dl.sitemapBox {
    float: left;
    width: 200px;
    margin: 0 0 0 20px;
}

div#sitemapBlock dl.sitemapBox dt {
    border-bottom: 2px solid #CCCCCC;
    font-weight: bold;
    padding: 0 0 5px;
    margin: 0 0 10px;
}

div#sitemapBlock dl.sitemapBox dd {
    font-size: 13px;
    margin: 0;
    line-height: 1.5em;
    padding: 0 0 5px 0;
}

div#sitemapBlock div.sitemapBoxList {
    padding: 10px 0 10px;
    margin: 0 0 20px;
}

div#sitemapBlock ul.primaryFooterBanner,
div#sitemapBlock ul.secondryFooterBanner {
    margin: 10px;
}

div#sitemapBlock div.secondryFooterBanner {
    background: url(/image/common/footer/footer.png) no-repeat -20px -186px;
}

div#sitemapBlock div.secondryFooterBanner ul {
    padding: 0 0 0 98px;
}

div#sitemapBlock div.secondryFooterBanner ul li {
    float: left;
    padding: 0 0 0 8px;
}


/* 4-3. footer
-----------------------*/

div#footer {
    clear: both;
    text-align: center;
    font-size: 12px;
    background: #333333;
    color: #ffffff;
    padding: 20px 0 20px 0;
}

div#footer ul {
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    padding: 10px 0;
    margin: 0;
}

div#footer ul a {
    color: #FFF;
}

div#footer ul a:hover {
    color: #cccccc;
}

div#footer li {
    padding: 0 5px 0 7px;
    border-left: 1px solid #FFF;
    display: inline;
}

div#footer li:first-child {
    border: none;
}

div#footer address {
    margin: 10px 0;
}

div#footer address a {
    color: #ffffff;
}

div#footer address a:hover {
    color: #cccccc;
}


/* 4-3. page top
-----------------------*/

#back-top {
    position: fixed;
    bottom: 135px;
    margin-left: 1080px;
}

#back-top a {
    width: 80px;
    display: block;
}

#back-top span {
    width: 80px;
    height: 80px;
    display: block;
    background: url(/image/common/topagetopb.png) no-repeat center center;
}


/*=========================================================
 5. Common style
=========================================================*/


/* 5-1. clearfix
-----------------------*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {
    zoom: 1;
}


/* 5-2. categoryHead
-----------------------*/


/*
div.categoryHead {
    margin: 5px 0;
    position: relative;
    height: 65px;
}
div.caetgoryHead:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div.categoryHead img {
    vertical-align: baseline;
}

div.categoryHead h2 {
    position: absolute;
    top:40px;
    margin: 0;
    width:100%;
}
*/

div.categoryHead p.topicPath {
    /*position: absolute;*/
    margin: 0;
    background-color: #F9F9F9;
    margin: 0px 0 15px 0;
    padding: 2px 0;
    text-indent: 6px;
    width: 100%;
    font-size: 12px;
}

div.categoryHead p.topicPath a {
    color: #555555;
}

div.categoryHead p.topicPath a:hover {
    color: #000000;
    text-decoration: none;
}

div.categoryHead p.ecTopicPath {
    margin: 10px 0;
}


/* 5-3. pageselect
-----------------------*/

p#pageselect,
p.pageselect {
    margin: 10px;
    text-align: center;
    font-size: 13px;
    line-height: 1.4em;
}

p#pageselect a.n,
p.pageselect a.n {
    /* background: url("/image/common/parts/pager/box.png") no-repeat scroll 0 0 transparent;
    margin: 0 2px;
    padding: 2px 6px;*/
    margin: 0 1px;
    padding: 2px 6px 2px 3px;
    color: #555555;
    font-size: 12px;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e5e5e5));
    background: -webkit-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    border: 1px solid #cccccc;
}

p#pageselect a.currentpage,
p.pageselect a.currentpage,
p#pageselect a#currentpage,
p.pageselect a#currentpage {
    /*background: url("/image/common/parts/pager/box_on.png") no-repeat scroll 0 0 transparent;
    color: #0477B3;
    font-weight: bold;*/
    margin: 0;
    padding: 1px 6px 2px 3px;
    border: 1px solid #b5b5b5;
    color: #0477B3;
    font-weight: bold;
}

p#pageselect a img,
p.pageselect a img {
    border: none;
}

p#pageselect a:hover img,
p#pageselect a:active img,
p.pageselect a:hover img,
p.pageselect a:active img {
    opacity: 0.6;
}


/* 5-3. topic_path
-----------------------*/

#topic_path {
    font-size: 12px;
    padding: 5px;
    margin-bottom: 10px;
}


/*=========================================================
 6. adjust for IE
=========================================================*/

*html #wrapper {
    width: expression(document.body.clientWidth < 975? "970px": "auto");
}

* html ul#gnavi li {
    behavior: expression( this.onmouseover=new Function("this.className='activehovergnavi'"), this.onmouseout=new Function("this.className=''"), this.style.behavior='none');
}


/*=========================================================
 7. for print
=========================================================*/

@media print {
    div#wrapper {
        min-width: 10px;
    }
    div#header {
        background-position: 0 -40px;
    }
    div#header ul#brandList {
        display: none;
    }
    div#header div#headerContents ul {
        display: none;
    }
    div#header div#search {
        display: none;
    }
    div#header div#gnavi {
        display: none;
    }
    div#header div#pmcMenu {
        display: none;
    }
    div#topicsList {
        display: none;
    }
    div#topBanner {
        display: none;
    }
    div#main {
        width: 100%;
    }
    div#main div#contentWrap {
        margin: 0px;
    }
    div#main div#contentWrap div#content {
        margin: 0px;
        width: 100%;
    }
    div#main div#sidebar {
        display: none;
    }
    div#newsArticle {
        display: none;
    }
    div#footerMagazine {
        display: none;
    }
    div#sitemapWrapper {
        display: none;
    }
}


/*=========================================================
 8. for mobile
=========================================================*/

div#spnavi {
    font-size: 35pt;
    margin: 1em;
}

div#spnavi a {
    padding: 1em;
    display: block;
    width: 600px;
    margin: auto;
    background-color: #333333;
    color: white;
    font-size: 30pt;
    text-align: center;
}


/*=========================================================
avreview elibrary
=========================================================*/

#ebookMenu {
    clear: both;
    width: 100%;
    position: relative;
    margin: 0 auto;
    padding: 0;
    height: 40px;
    background: url("/avreview_e/images/list/bg_header.gif") top center repeat-x;
}

.elibrary {
    width: 960px;
    margin: 0 auto;
    height: 40px;
}

h1.logoAvrEbook {
    float: left;
    margin: 0;
    padding: 0;
}

p.logOutBtn {
    margin: 0;
    padding: 0px 0 0 0;
    float: right;
}


/*=========================================================
    Headline
=========================================================*/

#content h1 {
    font-size: 20px;
    color: #003399;
    margin: 0 0 20px;
    /*background-color: #F4F8FF;*/
    padding: 10px;
}

#content h2 {
    /*    background: url(../image/common/parts/icon01.jpg) no-repeat;*/
    padding: 0 0 10px 5px;
    font-size: 22px !important;
    margin: 0 0 0 0px;
    width: 610px;
    font-size: 18px;
}

#content p.contentsTitle {
    background: url(../image/common/parts/icon01.jpg) no-repeat;
    padding: 0 0 5px 30px;
    font-size: 16px;
    margin: 0 0 0 0px;
    font-weight: bold;
}

#content h3 {
    color: #000000;
    font-size: 18px;
    line-height: 22px;
}


/**************/


/* article_summary */


/**************/

#content .article_summary h2.article_headline {
    position: relative;
    height: 24px;
}

#content .article_summary h2.article_headline ul.sort {
    position: absolute;
    right: 0;
    top: 5px;
}

#content .article_summary h2.article_headline ul.sort li {
    float: left;
    color: #666666;
    font-size: 12px;
    padding: 0 10px 0 10px;
    line-height: 1.0em;
}

h2.article_headline ul.sort li a:link,
h2.article_headline ul.sort li a:visited {
    color: #999999;
}

#content .article_summary h2.article_headline ul.sort li.border {
    border-right: 1px solid #CCCCCC;
}

#content .article_summary h2.date {
    background-color: #CCCCCC;
    margin: 10px 0 10px 10px;
    padding: 5px;
    background-image: none;
}

.article_summary .sub_title {
    display: block;
    color: #666666;
    font-size: 12px;
    line-height: 1.3em;
}


/**************/


/* article_summary category icon*/


/**************/

#content .article .category_list img {
    padding: 0;
    border: none;
}

#content .article .category_list li {
    float: left;
    padding: 0 10px 0 0;
}

.backtotop {
    position: fixed;
    right: 15px;
    bottom: 20px;
    z-index: 9000;
    display: none;
}

.backtotop a {
    display: block;
    color: #777777;
    padding: 10px 6px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.5;
}

.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}

#pmcMenu {
    margin: 0;
    background: url(/image/common/header/pmc/bg.gif) left center repeat-x;
    height: 40px;
}

#pmcMenu div.memberBg {
    margin: 0 auto;
    padding: 0;
    width: 970px;
}

#pmcMenu ul {
    margin: 0;
    padding: 0px 0 0 0;
}

#pmcMenu ul li {
    float: left;
    margin: 0;
    padding: 0;
}

#entryUtility .fb-like,
#entryUtility .fb-share-button{
    margin-right: 5px;
}